.box{display:flex;flex-direction:column;width:100vw;height:100vh;background-color:#e6e9f0;padding:10px}.box .head{position:relative;width:100vw;height:50px;margin-bottom:5px;background-color:#fff}.box .head .logo{left:0;width:27.1875rem}.box .head .logo,.box .head .time{position:absolute;top:7px;height:32px;background-color:#fff}.box .head .time{right:30px;font-size:18px;font-weight:700;color:#4169e1}.box .box1{display:flex;width:100vw;height:253px;margin-bottom:5px}.box .box1 .box1_left{flex:1;background-color:#fff;margin-right:5px}.box .box1 .box1_left .card{width:100%;height:100%}.box .box1 .box1_left .card .card-head{width:100%;height:15%;font-size:15px;padding:5px 10px}.box .box1 .box1_left .card .card-body{display:flex;flex-wrap:wrap;width:100%;height:85%}.box .box1 .box1_left .card .card-body div{width:50%;height:50%;border:1px solid #e6e9f0}.box .box1 .box1_left .card .card-body .body1{display:flex;justify-content:center;align-items:center}.box .box1 .box1_left .card .card-body .body1 .qx-num{font-size:38px;color:#00e7ff}.box .box1 .box1_left .card .card-body .body2{display:flex;justify-content:center;align-items:center}.box .box1 .box1_left .card .card-body .body2 .xd-num{font-size:38px;color:#00a1ff}.box .box1 .box1_left .card .card-body .body3{display:flex;justify-content:center;align-items:center}.box .box1 .box1_left .card .card-body .body3 .sy-num{font-size:38px;color:#04ff00}.box .box1 .box1_left .card .card-body .body4{display:flex;justify-content:center;align-items:center}.box .box1 .box1_left .card .card-body .body4 .hs-num{font-size:38px;color:red}.box .box1 .box1_middle{flex:1;background-color:#fff;margin-right:5px}.box .box1 .box1_middle .card{width:100%;height:100%}.box .box1 .box1_middle .card .card-head{width:100%;height:15%;font-size:15px;padding:5px 10px}.box .box1 .box1_middle .card .card-body{display:flex;flex-wrap:wrap;width:100%;height:85%}.box .box1 .box1_middle .card .card-body div{width:33%;height:50%;border:1px solid #e6e9f0}.box .box1 .box1_right{flex:1;background-color:#fff;margin-right:5px}.box .box2{display:flex;width:100vw;height:253px;margin-bottom:5px}.box .box2 div{flex:1;background-color:#fff;margin-right:5px}.box .box3{display:flex;width:100vw;height:400px}.box .box3 div{flex:1;background-color:#fff;margin-right:5px}