.selected-operate { // display: flex; justify-content: space-between; } .pagination-container { text-align: right; margin-top: 0px !important; margin-left: -10px; margin-right: -10px; float: right; } .dashboard-editor-container { padding: 20px; // background-color: rgb(240, 242, 245); position: relative; min-width: 1260px; .chart-wrapper { background: #fff; padding: 16px 16px 0; margin-bottom: 32px; } } @media (max-width: 1024px) { .chart-wrapper { padding: 8px; } } .layout-1 { margin-bottom: 5px; .item { color: #fff; margin-left:2.5%; .gutter-box { height: 140px; overflow: hidden; border-radius: 5px; box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15); min-width:200px; .today-add { .number { padding-left: 10px; font-size: 14px; font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; } display: flex; margin-left: 20px; height: 36px; line-height: 46px; } } .level-text{ width:100%; margin-bottom:0px; height: 28px; font-size: 14px; line-height: 24px; padding:0 10px; background-color: rgba(94,94,94,.18)!important; span{ font-size: 12px; } .level-text-left{ margin-left: 5px; } .level-text-right{ float: right; margin-right: 5px; } } } .item1 .gutter-box { background: url("../../../assets/alarm/alarm_all.png") 20px 48px no-repeat; } .item2 .gutter-box { background: url("../../../assets/alarm/alarm_1.png") 20px 48px no-repeat; } .item3 .gutter-box { background: url("../../../assets/alarm/alarm_2.png") 20px 48px no-repeat; } .item4 .gutter-box { background: url("../../../assets/alarm/alarm_3.png") 20px 48px no-repeat; } .item5 .gutter-box { background: url("../../../assets/alarm/alarm_4.png") 20px 48px no-repeat; } .count { position: relative; right: 30px; span { display: block; text-align: right; } .text { display: block; font-size: 14px; height: 28px; line-height: 28px; } .number { font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; font-size: 28px; height: 52px; line-height: 52px; } } } .layout-2 { margin-bottom: 25px; .item { margin-bottom: 25px; } .charts-icon { float: right; color: #000; } .charts-icon:hover { cursor: pointer; } } .selected-operate{ padding-top: 10px; } .layout-3{ font-size: 14px; color:#67c23a; background-color: #f0f9eb; border-radius:5px ; } .el-icon-question{ position: relative; left:5px; top:15px; } .el-tag{ border:0px; }