.nav-bar>button,.switch-button-group>button{background-color:initial;color:#aaa;font-weight:500;padding:0 12px}::-webkit-scrollbar{height:10px;width:10px}::-webkit-scrollbar,::-webkit-scrollbar-track{background-color:#222}::-webkit-scrollbar-thumb{background-color:#555;border-radius:2px}*{box-sizing:border-box}body,html{height:100vh;margin:0;overflow:hidden;padding:0;width:100vw}.content{background-color:#292a2f;display:flex;flex-direction:column;font-family:MicrosoftYaHei,THSJinRongTi-Regular;height:100%;width:100%}.nav-bar{border-bottom:1px solid #494a4e;display:flex;flex-direction:row;height:32px}.nav-bar>button{border:none}.nav-bar>button.selected,.nav-bar>button:hover{background:#ffffff3d;color:#fff}.nav-content-wrapper{flex:1;height:0;overflow:auto}.filter-panel,.nav-content{background:#1c1d21;overflow:hidden;display:flex}.nav-content{flex-direction:row;height:100%;min-height:768px;min-width:1366px;position:relative;width:100%}.nav-content>.left-panel-container{display:flex;flex-direction:column;height:100%;position:relative;width:256px}.nav-content>.right-panel-container{height:100%;overflow:auto;position:relative;width:400px}.nav-content>.content-wrapper{flex:1;position:relative;width:0}.nav-content>.content-wrapper>.chart-container,.nav-content>.content-wrapper>.list-container{height:calc(100% - 60px);position:relative;transform:translateY(60px);width:100%}.nav-content>.content-wrapper>.chart-container>#js-chart{height:100%;left:0;position:absolute;top:0;width:100%}.nav-content>.content-wrapper>.list-container>div{background-image:url(assets/demo/表格图-2.png);background-position:0 0;background-repeat:no-repeat;background-size:1800px 672px;height:100%;left:0;position:absolute;top:0;width:100%}.switch-button-group{display:flex;flex-wrap:nowrap;left:16px;position:absolute;top:16px}.switch-button-group>button{border:1px solid #ffffff3d;cursor:pointer;height:28px}.switch-button-group>button.selected,.switch-button-group>button:hover{background-color:#ffffff3d;color:#fff}.date-picker{background:#1c1d21;border-color:#0000 #494a4e;border-style:solid;border-width:1px;height:248px;padding:12px 16px;text-align:center;width:256px}.date-picker header{align-items:center;display:flex;flex-direction:row;margin-bottom:12px}.date-picker header>.date-switch{align-items:center;display:flex;flex:1;flex-direction:row;justify-content:flex-start;width:0}.date-picker header>.date-switch>button{background-color:initial;border:5px solid #fff;cursor:pointer;height:0;padding:0;width:0}.date-picker header>.date-switch>button:disabled{cursor:not-allowed;opacity:.5}.date-picker header>.date-switch>button.prev-btn{border-color:#0000 #fff #0000 #0000}.date-picker header>.date-switch>button.next-btn{border-color:#0000 #0000 #0000 #fff}.date-picker header>.date-switch>span{color:#ffffffd6;font-size:18px;font-weight:700;line-height:26px;margin:0 20px}.date-picker header>.today{background-color:initial;background:#ffffff14;border:none;border-radius:2px;color:#fff9;cursor:pointer;font-size:12px;font-weight:400;height:24px;line-height:20px;width:48px}.date-picker header>.today:hover{background:#ffffffd6;color:#000}.date-picker>main{align-items:center;display:flex;flex-direction:column}.date-picker>main>section{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-around;width:100%}.date-picker>main>section>*{height:30px;width:30px}.date-picker>main>section>span{color:#ffffffa6;font-size:12px;font-weight:400;line-height:30px}.date-picker>main>section>button{background-color:initial;border:1px solid #0000;border-radius:4px;color:#fff3;font-size:14px;font-weight:400;height:30px;line-height:22px;position:relative;width:30px}.date-picker>main>section>button.valid.selected,.date-picker>main>section>button.valid:hover{background:#ffffff0f;border:1px solid #ffffff3d;color:#fff;cursor:pointer}.date-picker>main>section>button.valid:after{background:#ff2436;border-radius:50%;bottom:2px;content:" ";height:4px;left:50%;position:absolute;transform:translateX(-50%);width:4px}.date-picker>main>section>button.valid{color:#fff}.date-picker>main>section>button.valid.down:after{background:#09ab4b}.filter-panel{border:1px solid #494a4e;flex:1;flex-direction:column;height:0}.filter-panel>header{background:#292a2f;color:#fff9;font-size:14px;font-weight:400;height:24px;letter-spacing:0;line-height:24px;padding:0 16px}.filter-panel>main{flex:1;height:0;overflow:auto;padding:0 16px}.filter-panel>main>section>h6{color:#fff6;font-size:10px;font-weight:400;letter-spacing:0;line-height:18px;margin:0 0 6px;padding-top:12px}.filter-panel>main>section>main{display:flex;flex-direction:row;flex-wrap:wrap}.filter-panel>main>section>.gn-block>div{border-radius:2px;cursor:pointer;font-size:12px;font-weight:400;line-height:20px;margin:0 8px 8px 0;padding:4px 8px}.filter-panel>main>section>.gn-block>div:nth-child(8n+1){background-color:#1d5ef81a;color:#1d5ef8}.filter-panel>main>section>.gn-block>div.selected:nth-child(8n+1),.filter-panel>main>section>.gn-block>div:hover:nth-child(8n+1){background-color:#1d5ef8;color:#fff}.filter-panel>main>section>.gn-block>div:nth-child(8n+2){background-color:#1a92e81a;color:#1a92e8}.filter-panel>main>section>.gn-block>div:nth-child(8n+2).selected,.filter-panel>main>section>.gn-block>div:nth-child(8n+2):hover{background-color:#1a92e8;color:#fff}.filter-panel>main>section>.gn-block>div:nth-child(8n+3){background-color:#4433ff1a;color:#43f}.filter-panel>main>section>.gn-block>div:nth-child(8n+3).selected,.filter-panel>main>section>.gn-block>div:nth-child(8n+3):hover{background-color:#43f;color:#fff}.filter-panel>main>section>.gn-block>div:nth-child(8n+4){background-color:#13ccbe1a;color:#13ccbe}.filter-panel>main>section>.gn-block>div:nth-child(8n+4).selected,.filter-panel>main>section>.gn-block>div:nth-child(8n+4):hover{background-color:#13ccbe;color:#fff}.filter-panel>main>section>.gn-block>div:nth-child(8n+5){background-color:#b33f8a1a;color:#b33f8a}.filter-panel>main>section>.gn-block>div:nth-child(8n+5).selected,.filter-panel>main>section>.gn-block>div:nth-child(8n+5):hover{background-color:#b33f8a;color:#fff}.filter-panel>main>section>.gn-block>div:nth-child(8n+6){background-color:#ff7f611a;color:#ff7f61}.filter-panel>main>section>.gn-block>div:nth-child(8n+6).selected,.filter-panel>main>section>.gn-block>div:nth-child(8n+6):hover{background-color:#ff7f61;color:#fff}.filter-panel>main>section>.gn-block>div:nth-child(8n+7){background-color:#a32eb31a;color:#a32eb3}.filter-panel>main>section>.gn-block>div:nth-child(8n+7).selected,.filter-panel>main>section>.gn-block>div:nth-child(8n+7):hover{background-color:#a32eb3;color:#fff}.filter-panel>main>section>.gn-block>div:nth-child(8n+8){background-color:#6f5dff1a;color:#6f5dff}.filter-panel>main>section>.gn-block>div:nth-child(8n+8).selected,.filter-panel>main>section>.gn-block>div:nth-child(8n+8):hover{background-color:#6f5dff;color:#fff}.filter-panel>main>section>.yz-block>div{background-color:initial;border:1px solid #0000;border-radius:50%;cursor:pointer;height:28px;margin:0 4px 4px 0;overflow:hidden;position:relative;width:28px}.filter-panel>main>section>.yz-block>div.selected,.filter-panel>main>section>.yz-block>div:hover{background:#ff95001a;border:1px solid #ff9501}.filter-panel>main>section>.yz-block>div>img{border-radius:50%;height:24px;left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);width:24px}.filter-panel>main>section>.yyb-block{display:block;padding-bottom:12px}.filter-panel>main>section>.yyb-block>div{align-items:flex-start;color:#ffffffd6;cursor:pointer;display:flex;flex-direction:row;font-size:14px;font-weight:400;letter-spacing:0;line-height:22px;margin-bottom:6px}.filter-panel>main>section>.yyb-block>div>i{border:1px solid #fff6;border-radius:50%;flex-shrink:0;height:12px;margin-right:6px;pointer-events:none;position:relative;transform:translateY(6px);width:12px}.filter-panel>main>section>.yyb-block>div.selected>i:after{background-color:#fff;border-radius:50%;content:" ";height:60%;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:60%}.filter-panel>main>section>.yyb-block>div>label{cursor:pointer;display:-webkit-box;overflow:hidden;pointer-events:none;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical}.filter-panel>main>section>.yyb-block>div>span{cursor:pointer;margin-left:auto;margin-right:4px;pointer-events:none;text-align:right;transform:translateX(4px)}.yyb-tooltip-wrapper{opacity:0;pointer-events:none;position:absolute;right:20px;top:500px;transform:translate(0);transition:transform .4s ease-in-out,opacity .4s ease-in-out;z-index:999}.yyb-tooltip-wrapper>img:first-child{display:block;height:240px}.yyb-tooltip-wrapper>span{background-color:#1c1d21;color:#ddddde;font-size:14px;font-weight:400;left:16px;overflow:hidden;position:absolute;text-overflow:ellipsis;top:12px;white-space:nowrap;width:160px}