.box { margin-bottom: 0.2rem; display: flex; flex-wrap: wrap; justify-content: space-between; .item { width: 100%; margin-bottom: 0.15rem; display: flex; align-items: flex-start; font-size: 0.24rem; line-height: 0.28rem; color: #454444; .label { width: 1.14rem; flex-shrink: 0; } .content { flex: 1; } .contentFlex { width: 100%; padding: 0.3rem 0 0.2rem; display: flex; justify-content: space-between; align-items: center; } } } .iconStatus { width: 0.2rem; height: 0.2rem; vertical-align: middle; margin-right: 0.1rem; border-radius: 50%; display: inline-block; } .img { width: 1.2rem; height: 0.9rem; display: block; margin-top: 0.1rem; } .page { .tableSelect { background-color: #b0d5f7 !important; } .table { background-color: #ffffff; } .typeText { color: #4a90e2 !important; } .threshold { display: flex; align-items: center; } .textAbnormal { color: #fe5850; } .textNormal { color: #4a90e2; } :global { .ant-collapse .ant-collapse-content { background-color: transparent !important; } .ant-collapse-item { background-color: transparent !important; } .ant-collapse > .ant-collapse-item { border-radius: 0.08rem; box-shadow: 0rem 0rem 0.08rem 0.02rem rgba(191, 191, 191, 0.2); border: 0.01rem solid #eee; // background: rgba(255, 255, 255); padding: 0 0.15rem; margin-bottom: 0.15rem; &.ant-collapse-item-active > .ant-collapse-header { border-bottom: 0.01rem solid #7a9dcd; border-radius: 0; } > .ant-collapse-header { background: none; color: rgb(91, 88, 88) 373; height: 0.62rem; font-size: 0.24rem; padding: 0; align-items: center; border-bottom: 0.01rem solid transparent; .ant-collapse-arrow { font-size: 0.24rem; right: 0; } .ant-collapse-extra { position: absolute; right: 0.3rem; } } } .ant-collapse:last-child > .ant-collapse-item { // margin-bottom: 0; } .ant-collapse-content { border-top: none; } .ant-collapse .ant-collapse-content > .ant-collapse-content-box { padding: 0; } } }