.dashboard .el-row{margin-bottom:20px}.dashboard .el-row:last-child{margin-bottom:0}.dashboard .box-card{border-radius:10px;height:150px;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;align-items:center}.dashboard .box-card .name{cursor:pointer;margin-bottom:2px;margin-left:30px}.dashboard .box-card .name h2{font-size:30px;font-weight:700;color:#333;margin-top:2px;letter-spacing:1px}.dashboard .box-card .ratio{margin:0 0 10px 60px}.dashboard .box-card .ratio span{margin-right:5px}.dashboard .box-card .el-card__body{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:flex;-webkit-box-align:end;-webkit-align-items:flex-end;-moz-box-align:end;align-items:flex-end;width:100%}.dashboard .card2 .el-card__body{width:100%;-webkit-box-pack:justify;-webkit-justify-content:space-between;-moz-box-pack:justify;justify-content:space-between;padding-bottom:25px}.dashboard .card2 .el-card__body div{position:relative;cursor:pointer;text-align:center}.dashboard .card2 .el-card__body div.red span{color:#f62c2c}.dashboard .card2 .el-card__body div span{font-size:24px;color:#333;display:block;margin-bottom:20px;width:115px}.dashboard .card2 .el-card__body div p{font-size:16px;color:#333}.dashboard .card2 .el-card__body div:before{content:"";border-left:1px solid #f5f4f4;height:85%;display:block;position:absolute;top:10%;left:-35%}.dashboard .card3{height:400px;-webkit-box-align:baseline;-webkit-align-items:baseline;-moz-box-align:baseline;align-items:baseline;width:100%}.dashboard .card3 .el-card__body{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;flex-direction:column}.dashboard .clearfix:after,.dashboard .clearfix:before{display:table;content:""}.dashboard .clearfix:after{clear:both}.card__header{width:100%;border-bottom:1px solid #f1f1f1;padding-bottom:15px}.card__header span{font-size:18px;color:#333;letter-spacing:2px}.card__header ul{list-style:none;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:flex;float:right;margin-top:4px}.card__header ul li{cursor:pointer;width:40px;height:20px;text-align:center;line-height:20px;border-radius:4px;font-size:14px;margin-right:30px}.card__header ul li.active{background:#31abd9;color:#fff}#myChart,#myChart2{width:100%;height:300px}.card_list .el-card__body{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;flex-direction:column}.card_list ul{width:100%;list-style:none;padding:20px 0}.card_list ul li{margin-bottom:20px}.card_list ul li:nth-child(-n+3) span{background:#31abd9}.card_list ul li span{width:20px;height:20px;display:inline-block;border-radius:50%;background:#e5e5e5;text-align:center;color:#fff;line-height:20px;margin-right:5px}.card_list ul li b{float:right}