.dppanel-shyj { padding: 0.75rem 0.5rem; color: #fff; .tool { display: flex; margin-bottom: 0.5rem; } .item { display: flex; padding: 0.5rem; align-items: flex-start; border-bottom: 1px dashed #bce9f088; .header { width: 2.25rem; height: 2.25rem; background-size: 80% 80% !important; margin-right: 1rem; flex-shrink: 0; margin-top: 0.5rem; } .header.alert1 { background: url(../../../../assets/icons/报警1.png) no-repeat center center; } .header.alert2 { background: url(../../../../assets/icons/报警2.png) no-repeat center center; } .header.alertsk { background: url(../../../../assets/icons/水库超限.png) no-repeat center center; } .header.level1 { background: url(../../../../assets/icons/level1.png) no-repeat center center; } .header.level2 { background: url(../../../../assets/icons/level2.png) no-repeat center center; } .header.level3 { background: url(../../../../assets/icons/level3.png) no-repeat center center; } .content { flex-grow: 1; } .main { display: flex; align-items: center; margin-bottom: 0.5rem; font-size: 1rem; .title { cursor: pointer; font-weight: bold; color: aliceblue; } .span{ flex-grow: 1; } .extra { color: antiquewhite; } } .desc { color: #ccc; font-size: 0.9rem; .bold { font-weight: bold; margin: 0 0.2rem; } } .tail { color: #ccc; font-size: 0.9rem; margin-top: 0.4rem; display: flex; align-items: center; .bold { font-weight: bold; margin: 0 0.2rem; } span { flex-grow: 1; } .action { font-size: 1.2rem; cursor: pointer; } } .drpgrid { display: flex; justify-content: space-around; .item { text-align: center; } } } }