[data-v-21c0da25]:root{--primary:#e71414;--success:green;--error:red;--info:grey;--background:#f9f9f9;--border:#d3d3d3;--text-black:#000;--text-grey:grey}.debug[data-v-21c0da25]{background:#ff4500;color:#adff2f;border:1px dashed transparent}.debug[data-v-21c0da25]:hover{border:1px dashed #adff2f}.pointer[data-v-21c0da25]{cursor:pointer}.firstTitle[data-v-21c0da25]{font-size:22px;font-weight:700}.secondTitle[data-v-21c0da25]{font-size:16px;font-weight:700}.assistText[data-v-21c0da25]{font-size:12px;color:#999;margin-left:10px}.trans[data-v-21c0da25]{transition:all .3s ease}.cantselect[data-v-21c0da25]{user-seletct:none;-webkit-user-seletct:none;-moz-user-seletct:none;-ms-user-seletct:none}.overview-data[data-v-21c0da25]{width:100%;display:flex}.overview-data .item-box[data-v-21c0da25]{flex:1;padding:15px}.overview-data .item-box .data-item[data-v-21c0da25]{background:#fff;padding:15px;border-radius:15px;box-shadow:0 4px 12px -4px rgba(179,181,186,.08);transition:all .5s;cursor:default}.overview-data .item-box .data-item[data-v-21c0da25]:hover{box-shadow:4px 8px 12px 0 rgba(179,181,186,.2)}.overview-data .item-box .data-item .title[data-v-21c0da25]{font-size:16px;font-weight:700;color:#474849;font-family:HarmonyOS Sans SC}.overview-data .item-box .data-item .content[data-v-21c0da25]{display:flex;align-items:center;margin-top:15px}.overview-data .item-box .data-item .content .icon[data-v-21c0da25]{width:50px;height:50px;border-radius:10px;margin-right:15px}.overview-data .item-box .data-item .content .icon img[data-v-21c0da25]{width:100%;height:100%}.overview-data .item-box .data-item .content .data[data-v-21c0da25]{flex:1;overflow:hidden;font-family:HarmonyOS Sans SC}.overview-data .item-box .data-item .content .data .data-num[data-v-21c0da25]{font-size:22px;font-weight:700;letter-spacing:1px;color:#1b1d21}.overview-data .item-box .data-item .content .data .yesterday[data-v-21c0da25]{margin-top:4px;font-size:14px;color:#808191;display:flex;align-items:center;white-space:nowrap}.overview-data .item-box .data-item .content .data .yesterday img[data-v-21c0da25]{margin-left:5px;width:18px;height:auto}[data-v-40fa4aa4]:root{--primary:#e71414;--success:green;--error:red;--info:grey;--background:#f9f9f9;--border:#d3d3d3;--text-black:#000;--text-grey:grey}.debug[data-v-40fa4aa4]{background:#ff4500;color:#adff2f;border:1px dashed transparent}.debug[data-v-40fa4aa4]:hover{border:1px dashed #adff2f}.pointer[data-v-40fa4aa4]{cursor:pointer}.firstTitle[data-v-40fa4aa4]{font-size:22px;font-weight:700}.secondTitle[data-v-40fa4aa4]{font-size:16px;font-weight:700}.assistText[data-v-40fa4aa4]{font-size:12px;color:#999;margin-left:10px}.trans[data-v-40fa4aa4]{transition:all .3s ease}.cantselect[data-v-40fa4aa4]{user-seletct:none;-webkit-user-seletct:none;-moz-user-seletct:none;-ms-user-seletct:none}.sidePanel[data-v-40fa4aa4]{border-radius:15px}.sidePanel.animation[data-v-40fa4aa4]{-webkit-animation:tab-change-data-v-40fa4aa4 .5s;animation:tab-change-data-v-40fa4aa4 .5s}.sidePanel .header-container[data-v-40fa4aa4]{position:relative;padding:0 10px;padding-bottom:0}.sidePanel .header-container .shape[data-v-40fa4aa4]{position:absolute;z-index:9;bottom:0;width:calc(50% + 20px);height:calc(100% + 15px)}.sidePanel .header-container .header[data-v-40fa4aa4]{widows:100%;display:flex;border-radius:20px 20px 0 0;overflow:hidden;margin-top:10px;transition:all .3s;background:#f5f7fb}.sidePanel .header-container .header .item[data-v-40fa4aa4]{position:relative;width:50%;padding:10px 15px;text-align:center;font-size:16px;background:#f5f7fb;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;transition:all .3s;font-family:HarmonyOS Sans SC-Regular,HarmonyOS Sans SC;color:#808191}.sidePanel .header-container .header .item[data-v-40fa4aa4]:hover{filter:brightness(95%)}.sidePanel .header-container .header .item span[data-v-40fa4aa4]{position:relative;z-index:10;pointer-events:none}.sidePanel .header-container .header .item.active[data-v-40fa4aa4]{color:#474849;font-weight:700;font-size:17px}.sidePanel .content[data-v-40fa4aa4]{position:relative;background:#fff;box-shadow:0 4px 12px -4px rgba(179,181,186,.08);border-radius:0 15px 15px 15px}.sidePanel .content .filter[data-v-40fa4aa4]{display:flex;justify-content:space-between;align-items:center;padding:0 15px}.sidePanel .content .filter .switch[data-v-40fa4aa4]{margin-top:15px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;background:#f5f7fb;border-radius:10px;overflow:hidden;position:relative;white-space:nowrap}.sidePanel .content .filter .switch[data-v-40fa4aa4]:active{background:rgba(0,0,0,.1)}.sidePanel .content .filter .switch .switch-item[data-v-40fa4aa4]{display:inline-block;padding:8px 20px;font-size:14px;color:#808191;font-family:HarmonyOS Sans SC;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;transition:all .3s;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;text-align:center}.sidePanel .content .filter .switch .switch-item span[data-v-40fa4aa4]{position:relative;z-index:10}.sidePanel .content .filter .switch .switch-item.active[data-v-40fa4aa4]{color:#fff}.sidePanel .content .filter .switch .switch--active[data-v-40fa4aa4]{position:absolute;width:50%;height:100%;z-index:9;border-radius:5px;top:0;left:0;transition:all .4s;background:#e7141a}.sidePanel .content .filter .filter-item[data-v-40fa4aa4]{position:relative;padding:4px 0;border-radius:10px;cursor:pointer;transition:all .3s;display:inline-block;white-space:nowrap;overflow:hidden;margin-top:15px}.sidePanel .content .filter .filter-item[data-v-40fa4aa4]:active{filter:brightness(95%)}.sidePanel .content .filter .filter-item.filter-date[data-v-40fa4aa4]{padding:9px 15px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;font-size:14px;color:#808191}.sidePanel .content .filter .filter-item.filter-date .date-picker[data-v-40fa4aa4]{position:absolute;z-index:9;width:100%;height:100%;top:0;left:0;opacity:0}.sidePanel .content .filter .filter-item.filter-date[data-v-40fa4aa4] .el-input__inner{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;border:none;background:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.sidePanel .content .filter .filter-item.filter-date[data-v-40fa4aa4] .el-input__inner .el-range-input{background:none}.sidePanel .content .list[data-v-40fa4aa4]{position:relative;min-height:520px;padding:10px 0;overflow:auto}.sidePanel .content .list .item[data-v-40fa4aa4]{display:flex;align-items:center;padding:10px 15px;position:relative;overflow:hidden;opacity:0;-webkit-animation:slide-top-in-data-v-40fa4aa4 .2s forwards;animation:slide-top-in-data-v-40fa4aa4 .2s forwards}.sidePanel .content .list .item .rank[data-v-40fa4aa4]{width:30px;height:30px;position:relative;z-index:1}.sidePanel .content .list .item .rank span[data-v-40fa4aa4]{position:relative;z-index:10;display:inline-block;width:100%;text-align:center;line-height:30px;color:#fff;font-weight:700;font-family:HarmonyOS Sans SC;font-size:16px}.sidePanel .content .list .item .rank img[data-v-40fa4aa4]{position:absolute;z-index:9;width:100%;height:100%}.sidePanel .content .list .item .name[data-v-40fa4aa4]{flex:1;overflow:hidden;padding:0 15px;white-space:nowrap;text-overflow:ellipsis;color:#474849;font-family:HarmonyOS Sans SC;font-size:16px;z-index:1}.sidePanel .content .list .item .value[data-v-40fa4aa4]{color:#1b1d21;font-family:HarmonyOS Sans SC;font-weight:700;font-size:17px;z-index:1}@-webkit-keyframes tab-change-data-v-40fa4aa4{0%{transform:scale(1);opacity:1}50%{transform:scale(.95);opacity:.5}to{transform:scale(1);opacity:1}}@keyframes tab-change-data-v-40fa4aa4{0%{transform:scale(1);opacity:1}50%{transform:scale(.95);opacity:.5}to{transform:scale(1);opacity:1}}@-webkit-keyframes slide-top-in-data-v-40fa4aa4{0%{opacity:0}to{opacity:1}}@keyframes slide-top-in-data-v-40fa4aa4{0%{opacity:0}to{opacity:1}}[data-v-7a8da446]:root{--primary:#e71414;--success:green;--error:red;--info:grey;--background:#f9f9f9;--border:#d3d3d3;--text-black:#000;--text-grey:grey}.debug[data-v-7a8da446]{background:#ff4500;color:#adff2f;border:1px dashed transparent}.debug[data-v-7a8da446]:hover{border:1px dashed #adff2f}.pointer[data-v-7a8da446]{cursor:pointer}.firstTitle[data-v-7a8da446]{font-size:22px;font-weight:700}.secondTitle[data-v-7a8da446]{font-size:16px;font-weight:700}.assistText[data-v-7a8da446]{font-size:12px;color:#999;margin-left:10px}.trans[data-v-7a8da446]{transition:all .3s ease}.cantselect[data-v-7a8da446]{user-seletct:none;-webkit-user-seletct:none;-moz-user-seletct:none;-ms-user-seletct:none}.statistics[data-v-7a8da446]{background:#fff;padding:15px;border-radius:15px;box-shadow:0 4px 12px -4px rgba(179,181,186,.08)}.statistics .title[data-v-7a8da446]{display:flex;align-items:center;color:#474849;font-family:HarmonyOS Sans SC;font-weight:700;font-size:17px;letter-spacing:1px;margin-bottom:15px}.statistics .title img[data-v-7a8da446]{width:30px;height:30px;margin-right:10px}.statistics .content[data-v-7a8da446]{display:flex;flex-wrap:wrap}.statistics .content .item[data-v-7a8da446]{min-width:250px;width:25%;align-items:center;padding:15px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;transition:all .5s;display:flex}.statistics .content .item .icon[data-v-7a8da446]{width:70px;height:70px;position:relative;margin-right:15px}.statistics .content .item .icon img[data-v-7a8da446]{transition:all .7s;width:100%;height:100%}.statistics .content .item .icon .num[data-v-7a8da446]{position:absolute;width:100%;text-align:center;top:50%;left:50%;transform:translate(-50%,-50%);font-size:17px;font-weight:700;font-family:HarmonyOS Sans SC;word-break:break-all}.statistics .content .item .label[data-v-7a8da446]{color:#474849;font-family:HarmonyOS Sans SC;font-size:17px}.statistics .content .item .yesterday[data-v-7a8da446]{color:#808191;margin-top:4px;font-family:HarmonyOS Sans SC;font-size:14px}.statistics .content .item .yesterday .icon[data-v-7a8da446]{width:18px;height:auto}[data-v-42c282f6]:root{--primary:#e71414;--success:green;--error:red;--info:grey;--background:#f9f9f9;--border:#d3d3d3;--text-black:#000;--text-grey:grey}.debug[data-v-42c282f6]{background:#ff4500;color:#adff2f;border:1px dashed transparent}.debug[data-v-42c282f6]:hover{border:1px dashed #adff2f}.pointer[data-v-42c282f6]{cursor:pointer}.firstTitle[data-v-42c282f6]{font-size:22px;font-weight:700}.secondTitle[data-v-42c282f6]{font-size:16px;font-weight:700}.assistText[data-v-42c282f6]{font-size:12px;color:#999;margin-left:10px}.trans[data-v-42c282f6]{transition:all .3s ease}.cantselect[data-v-42c282f6]{user-seletct:none;-webkit-user-seletct:none;-moz-user-seletct:none;-ms-user-seletct:none}.overview[data-v-42c282f6]{padding:15px;background:#fafafb!important}.overview .left[data-v-42c282f6]{background:red}.overview .statistics-container[data-v-42c282f6]{margin-top:30px;transition:all .7s;overflow:hidden}