.dashboard{margin:10px}.dashboard .dashboard-wrapper{min-width:1100px}.dashboard canvas{z-index:1}.dashboard .seq{padding:2px 4px;color:#fff;background:#ccc;font-size:11px;margin-right:4px}.dashboard .seq-0{background:#f73415}.dashboard .seq-1{background:#f79215}.dashboard .seq-2{background:#f7e615}.dashboard .box-header{-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.dashboard .box-header:hover{-webkit-box-shadow:1px 1px 20px rgba(0,0,0,.2);box-shadow:1px 1px 20px rgba(0,0,0,.2)}.dashboard .box-header:hover .data-content{color:#3a9cf8}.dashboard .title{height:3rem;font-size:16px;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;color:#606266;font-weight:400}.dashboard .title .border-left{border-left:4px solid #35a6f7;padding-left:6px}.dashboard .title .bg{font-weight:400;padding:4px 8px;color:#fff}.dashboard .title .color-1{background:#72a5f1}.dashboard .title .color-2{background:#3cea79}.dashboard .title .color-3{background:#394890}.dashboard .title .color-4{background:#c6e038}.dashboard .box-wrapper,.dashboard .box-wrapper>div{display:-webkit-box;display:-ms-flexbox;display:flex}.dashboard .box-wrapper>div{width:25%;height:200px;margin:10px;padding:10px 20px;-webkit-box-sizing:border-box;box-sizing:border-box;background:#fff;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.dashboard .box-wrapper>div .divider{height:1px;background:#dfdfdf}.dashboard .box-wrapper>div .data-content{font-size:40px;color:#303133;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;font-weight:700}.dashboard .box-wrapper>div .box-content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:0;-ms-flex:0 0 1;flex:0 0 1;-ms-flex-line-pack:center;align-content:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.dashboard .box-wrapper>div .box-content .content-subtitle{margin:10px 0 0 0;font-size:14px}.dashboard .box-wrapper>div .box-content ul li{margin:4px 0}.dashboard .box-chart{margin:10px;background:#fff;height:350px;padding:10px 20px;display:-webkit-box;display:-ms-flexbox;display:flex}.dashboard .box-chart .box-line-chart{width:100%}.dashboard .box-chart .box-chart-left{width:80%}.dashboard .box-chart .box-chart-right{width:20%}.dashboard .box-chart ul li{margin:16px 0}.dashboard .box-map-chart{margin:10px;background:#fff;height:650px;padding:10px 20px}.dashboard .box-pie-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex}.dashboard .box-pie-wrapper>div{width:50%;height:350px;margin:10px;background:#fff;padding:10px 20px}.dashboard .box-pie-wrapper .box-pie{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.dashboard .box-pie-wrapper .box-pie>div,.dashboard .box-pie-wrapper .box-pie ul{width:50%}.dashboard .box-pie-wrapper .box-pie>div span,.dashboard .box-pie-wrapper .box-pie ul span{display:inline-block;width:60px;margin:10px 5px}.dashboard .box-footer{display:-webkit-box;display:-ms-flexbox;display:flex}.dashboard .box-footer>div{width:100%;height:600px;margin:10px;background:#fff;overflow:hidden}