.userSituation{height:924px;padding:20px;text-align:left}.userSituation,.userSituation .box{-webkit-box-sizing:border-box;box-sizing:border-box}.userSituation .box{border-radius:10px;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);height:100%}.userSituation .box.first{width:100%}.userSituation .box.first span{width:45%;font-size:24px;font-weight:700;color:#31ba8b;text-align:center}.userSituation .box.first img{width:95px;position:relative;bottom:30px}.userSituation .box.second{width:50%;height:64%;margin-top:10px}.userSituation .box.third{height:49%}.userSituation .box.fourth{height:100%}.userSituation .box .pieChart{height:175px;position:relative}.userSituation .box .pieChart .count-data{position:absolute;top:108px;left:126px;font-size:16px;color:#94b4e9;text-align:center}.userSituation .box .pieChart .count-data p:first-of-type{color:#94b4e9;font-size:16px}.userSituation .box .pieChart .count-data p:last-of-type{color:#fff;font-size:22px}.userSituation .third+.third{margin-top:10px}.userSituation .first+.first,.userSituation .second+.second{margin-left:10px}.userSituation .title{padding:20px 0 11px 30px;font-size:20px;text-align:left;color:#fff}.userSituation .el-table{width:98%;margin:auto}.userSituation .el-table .el-table__header{height:44px}.userSituation .el-table th{height:44px;line-height:42px;color:#94b4e9;font-size:16px}.userSituation .el-table td{height:46px;font-size:14px}.userSituation .el-table td .cell{height:46px;line-height:46px}.userSituation .el-table img{height:50px;vertical-align:middle}.userSituation ul.top5{height:175px;overflow:auto}.userSituation ul.top5 li{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;line-height:30px;font-size:16px;color:#94b4e9}.userSituation ul.top5 li .order{display:inline-block;width:20px;line-height:20px;text-align:center;margin:0 17px 0 30px;border:1px solid #3d79f2;border-radius:50px}.userSituation ul.top5 li .device-type{width:100px;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.userSituation ul.top5 li .bar-out{width:273px;height:16px;background:rgba(3,170,253,.3)}.userSituation ul.top5 li .bar-out .bar-inner{width:0;height:100%;-webkit-transition:.3s;transition:.3s;background:#03aafd}.userSituation ul.top5 li .value{text-align:right;margin-left:12px}.userSituation ul.legend{position:absolute;top:10%;right:0;height:80%;display:grid}.userSituation ul.legend li{height:25px;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.userSituation ul.legend li .icon{width:14px;height:14px;margin-right:12px;border-radius:50%}.userSituation ul.legend li .label{width:100px;font-size:16px;color:#94b4e9}.userSituation ul.legend li .value{width:80px;font-size:24px;font-weight:400}.userSituation-body{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;height:480px;margin-top:10px}.userSituation-body-top{width:calc(100% - 516px)}.userSituation-body-top>div{height:100%}.userSituation-body-top>div:first-of-type{height:34%}.userSituation-body-bottom{width:506px}.userSituation-footer{height:362px;margin-top:10px}.userSituation-footer .box{width:50%;height:100%;border-radius:10px;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);-webkit-box-sizing:border-box;box-sizing:border-box;position:relative}.userSituation-footer .box+.box{margin-left:10px}