#graph{width:100%;min-height:100vh;position:relative;z-index:10;background:url(../../static/img/bg.4b7a522e.jpg) no-repeat;background-size:100% 100%}#graph .graph-box{width:100%;height:100vh}#graph .knowledge-wrap{width:300px;position:fixed;right:30px;top:50%;transform:translateY(-50%);background-color:#17293d;box-shadow:0 0 10px 0 rgba(0,0,0,.1);border-radius:8px;padding-bottom:10px}#graph .knowledge-wrap .knowledge-header{width:100%;margin-bottom:10px}#graph .knowledge-wrap .knowledge-header .knowledge-title{width:100%;height:40px;line-height:40px;text-align:left;font-size:16px;color:#fff;font-weight:600;padding:0 16px}#graph .knowledge-wrap .knowledge-main{width:100%;padding:0 8px}#graph .knowledge-wrap .knowledge-main .tabs-list{width:100%;display:flex;align-items:center;justify-content:space-between}#graph .knowledge-wrap .knowledge-main .tabs-list .tabs-item{width:33.33%}#graph .knowledge-wrap .knowledge-main .tabs-list .tabs-item .tabs{margin-right:5px;border-radius:4px;line-height:34px;text-align:center;font-size:14px;color:#3a8bff;background-color:#fff;cursor:pointer}#graph .knowledge-wrap .knowledge-main .tabs-list .tabs-item .tabsActive{color:#fff;background-color:#3a8bff}#graph .knowledge-wrap .knowledge-main .knowledge-box{width:100%;display:flex;align-items:center;justify-content:space-between}#graph .knowledge-wrap .knowledge-main .knowledge-box .knowledge-item{width:50%;padding:0 8px}#graph .knowledge-wrap .knowledge-main .knowledge-box .knowledge-item .item-chart{width:113px;height:118px;padding-top:13px;margin:0 auto;background:url(../../static/img/ballBorder.e4163272.svg) no-repeat;background-size:100% 100%}#graph .knowledge-wrap .knowledge-main .knowledge-box .knowledge-item .item-chart .zcircle-countdown{width:92px;height:92px;margin:0 auto;border-radius:50%;overflow:hidden;position:relative}#graph .knowledge-wrap .knowledge-main .knowledge-box .knowledge-item .item-chart .zcircle-countdown .animation-water{position:absolute;left:0;top:0;z-index:-1;width:100%;height:100%;background:linear-gradient(0deg,#3aacff 36%,#3aacff 70%,#aff0ff);transition:all 2s}#graph .knowledge-wrap .knowledge-main .knowledge-box .knowledge-item .item-chart .zcircle-countdown .animation-water2{background:linear-gradient(0deg,#4fcea7 36%,#abffc1)}#graph .knowledge-wrap .knowledge-main .knowledge-box .knowledge-item .item-chart .zcircle-countdown .zwave-percent{width:100%;position:absolute;left:0;top:50%;transform:translateY(-50%);z-index:3;text-shadow:0 0 5px rgba(0,0,0,.5);border-radius:4px;color:#fff;text-align:center;font-size:14px}#graph .knowledge-wrap .knowledge-main .knowledge-box .knowledge-item .zwave-animation_water-wave{width:200%;position:absolute;bottom:100%}#graph .knowledge-wrap .knowledge-main .knowledge-box .knowledge-item .zwave-animation_water-wave-front{left:0;fill:#aff0ff;margin-bottom:-1px;animation:zwave-front 1.6s linear infinite}#graph .knowledge-wrap .knowledge-main .knowledge-box .knowledge-item .zwave-animation_water-wave-front2{left:0;fill:#abffc1;margin-bottom:-1px;animation:zwave-front 1.6s linear infinite}@keyframes zwave-front{to{transform:translate(-50%)}}@keyframes zwave-back{to{transform:translate(50%)}}#graph .knowledge-wrap .knowledge-main .knowledge-box .knowledge-item .knowledge-legendName{width:100%;height:28px;margin-top:8px;border-radius:16px;color:#fff;text-align:center;line-height:28px;background:rgba(50,179,250,.2);font-size:13px}#graph .knowledge-wrap .knowledge-slide{width:18px;height:48px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAABgCAYAAAB1ydDiAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAHTSURBVHgB7ds/T8JAGMfx56D+HQxOJiZGExMHiZFVFoXJDV+BroZJFxInw+wgk3HVV8DqBC7MNcaEsZMzMYp/KD05ExvQ4QftHdzwfKc+aYdPjrakaSq28heSxpyQ5Eoh3GSQLLv1U29g3yRAf6okA0fBWmpI0OQ7CYRfy+xdptRgA4ikoEw34Z+rbRt+sjAZ+DkrVug3kXAKVoF6a3RgGUisWQay5Crrj0EoBqEYhGIQikEoBqEYhGIQikEoBqEYhGIQikEoBqEgaHVlkQr76XDe3lymUjEfzsdHWdIZBKU3lmjKSYbz7s46zc444Vw8zGpFQdD83PTAnFqY+3eMTpS2c0gXSutJrQOl/SqLizJy2cdBGbsPRUUZvTFGQRm/U4+KGs9fxwhvU4yDrm4adH3bGPp4o6BRMSpjoCgYlRFQVIxKOygORqUVFBej0gbSgVFBUMfvDswfnz6ZwgwFenh6pnb7K5zv6k1qvbwbwaiseiut4scgFINQDEIxCMUgFINQDEIxCMUgFINQDEIxCMUgFINQDEJZBZJSunZ9JCDILlAn6JZtAlWa9TPPIQtS586rfCurbRtWqNLD5Lx6+edjpUmtkEcUVEmK6mOtdN+/4xtZeo+3hEDeiwAAAABJRU5ErkJggg==) no-repeat;background-size:100% 100%;background-color:#17293d;position:absolute;right:-22px;top:50%;transform:translateY(-50%);z-index:999;cursor:pointer}