.width-box{width:200px;margin-right:5px}.width-box1{width:100px;margin-right:5px}.width-box2{width:150px;margin-right:5px}.width{width:500px;margin-right:5px}.top-layout{position:relative;width:100%;background-color:#fff}.top-layout .left{float:left;font-size:28px}.top-layout .left,.top-layout .right{height:60px;line-height:60px;padding:0 20px}.top-layout .right{float:right;display:-webkit-box;display:-ms-flexbox;display:flex}.chart{margin-top:20px;border-radius:20px}.center-title,.chart{background-color:#fff}.center-title{font-size:30px;width:100%;padding:10px;border-radius:10px;font-weight:600}.bottom-layout{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.bottom-layout .right-box{width:550px}.bottom-layout .right-box,.bottom-layout .right-box .column{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.bottom-layout .right-box .column{margin-top:20px;margin-right:20px;margin-left:10px;background-color:#fff;border-radius:20px}.bottom-layout .right-box .column .content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.bottom-layout .right-box .column .content .title{font-size:22px;width:350px;margin:.625rem}.bottom-layout .right-box .column .content .height{height:200px!important;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.bottom-layout .right-box .column .content .data{width:550px;-webkit-box-orient:vertical;-ms-flex-direction:column;flex-direction:column;width:100%;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:35px;color:red;height:80px}.bottom-layout .right-box1,.bottom-layout .right-box .column .content .data{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-direction:normal}.bottom-layout .right-box1{-webkit-box-orient:horizontal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap;width:100%}.bottom-layout .right-box1 .column{margin-top:20px;margin-right:20px;margin-left:10px;background-color:#fff;border-radius:20px}.bottom-layout .right-box1 .column,.bottom-layout .right-box1 .column .content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.bottom-layout .right-box1 .column .content .title{font-size:22px;width:420px;margin:.625rem}.bottom-layout .right-box1 .column .content .height{height:200px!important;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.bottom-layout .right-box1 .column .content .data{width:550px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;width:100%;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:35px;color:red;height:80px}.bottom-layout .chart{width:800px;background-color:#fff;margin-top:20px;border-radius:20px}.card{display:-webkit-box;display:-ms-flexbox;display:flex;cursor:pointer}.card .active{border:1px solid #1e88e5}.card .hover{border:none}.card .card-item{width:24%;border-radius:20px;background-color:#fff;margin:10px;cursor:pointer}.card .card-item .top{position:relative;z-index:2}.card .card-item .top .left{float:left;height:40px;line-height:40px;font-size:2.5vw;font-weight:500;width:100%;margin:30px 30px}.card .card-item .top .right{float:right;height:40px;line-height:40px}.card .card-item .center{height:200px}.card .card-item .center .user-origin{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%}.card .card-item .center .user-origin .title{width:6.25rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.card .card-item .center .span{font-size:2vw;color:#4e9dec;padding:0 30px}.card .card-item .center .span,.card .card-item .center .span1{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;width:100%}.card .card-item .center .span1{font-size:20px;color:red}.card .card-item .bottom{font-size:16px;z-index:2;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;margin:0 30px}.card1{-ms-flex-wrap:wrap;flex-wrap:wrap}.card1,.card1 .card-box{display:-webkit-box;display:-ms-flexbox;display:flex;cursor:pointer;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.card1 .card-box{height:190px;text-align:left;padding:10px;border-radius:20px;background-color:#fff;margin:10px;border:1px solid #1e88e5}.card1 .card-box .card-boxItem{margin-right:5px}.card1 .card-box .card-boxItem:last-child{margin-right:0!important}.card1 .card-box .card-boxItem .sitting{height:21px}.card1 .card-item{width:22%;height:190px;text-align:left;padding:10px;border-radius:20px;background-color:#fff;margin:10px;cursor:pointer;border:1px solid #1e88e5}