.home{height:924px;padding:20px;-webkit-box-sizing:border-box;box-sizing:border-box;text-align:left}.home h5{font-size:20px;font-family:Microsoft YaHei;font-weight:400;color:#fff}.home-top{height:480px}.home-top,.home .car-list{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.home .car-list{margin-top:15px}.home .car-list li{width:385px;height:148px;padding:30px 30px 25px;border-radius:10px;-webkit-box-sizing:border-box;box-sizing:border-box;background:rgba(10,31,59,.5);-webkit-box-shadow:inset 0 0 50px 0 rgba(0,127,174,.5);box-shadow:inset 0 0 50px 0 rgba(0,127,174,.5);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.home .car-list li>div:nth-of-type(2) img{width:100px;height:100px}.home .car-list li .value{font-size:24px;font-family:Microsoft YaHei;font-weight:700;color:#31ba8b;line-height:40px}.home .car-list li .bar{width:310px;height:26px;margin-top:24px;background:#d2dfdb;position:relative}.home .car-list li .bar-inner{width:85%;height:100%;position:absolute;left:0;top:0;background:#31ba8b}.home .car-list li+li{margin-top:10px}.home .pie-chart{margin-top:15px;margin-left:10px}.home .pie-chart .box{width:385px;border-radius:10px;-webkit-box-sizing:border-box;box-sizing:border-box;background:rgba(10,31,59,.5);-webkit-box-shadow:inset 0 0 50px 0 rgba(0,127,174,.5);box-shadow:inset 0 0 50px 0 rgba(0,127,174,.5)}.home .pie-chart .box h5{line-height:54px;font-size:20px;font-family:Microsoft YaHei;font-weight:400;color:#fff;text-align:left;margin-top:18px;padding-left:22px}.home .pie-chart .box>div{height:calc(100% - 72px);position:relative}.home .pie-chart .box ul.legend{width:100%;position:absolute;top:100px;z-index:10;left:222px}.home .pie-chart .box ul.legend.flex{-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.home .pie-chart .box ul.legend.flex li{width:45%;padding-left:26px;margin:0;-webkit-box-sizing:border-box;box-sizing:border-box}.home .pie-chart .box ul.legend li{width:45%;height:40px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.home .pie-chart .box ul.legend li .icon{width:10px;height:10px;margin-right:10px;border-radius:50%}.home .pie-chart .box ul.legend li .label{color:#94b4e9;font-size:18px}.home .pie-chart .box ul.legend li .value{font-size:24px;margin-left:10px}.home .pie-chart .box ul.legend li>p{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.home .pie-chart .box .count{width:95%;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;position:absolute;top:130px}.home .pie-chart .box .count p:last-of-type{color:#fff;font-size:22px}.home .pie-chart .box .count p:first-of-type{color:#94b4e9;font-size:16px}.home .pie-chart .box p.online-text{width:100%;position:absolute;top:210px;color:#f7f4f4;font-size:16px;margin-left:44%}.home .pie-chart .box .data-item{margin:0 20px}.home .pie-chart .box .data-item li{background:#102a48;text-align:center;height:80px}.home .pie-chart .box .data-item li p:first-of-type{color:#94b4e9;font-size:16px;margin-top:17px}.home .pie-chart .box .data-item li p:last-of-type{color:#fff;font-size:24px}.home .pie-chart .box .data-item li+li{margin-left:15px}.home .pie-chart div+div{margin-left:10px}.home .device-online{background:url(../img/gauge-bg.8604577e.png) no-repeat;background-position:105px 70px;background-size:185px 140px}.home .bar-chart{width:50%;height:370px;margin-top:10px;border-radius:10px;-webkit-box-sizing:border-box;box-sizing:border-box;background:rgba(10,31,59,.5);-webkit-box-shadow:inset 0 0 50px 0 rgba(0,127,174,.5);box-shadow:inset 0 0 50px 0 rgba(0,127,174,.5);position:relative}.home .bar-chart h5{position:absolute;left:30px;top:20px}.home .bar-chart>div{height:100%}.home .bar-chart+.bar-chart{margin-left:10px}