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