.ns-view { min-height: 100%; height: 100%; // background: #e5ebf0; } .ns-detail-content { border-top: 16px solid #e5ebf0; padding: 16px 21px; background: #fff; height: calc(100% - 50px); } :deep(.ant-skeleton-paragraph) { display: flex; flex-wrap: wrap; } :deep(.ant-skeleton-paragraph li:nth-child(n)) { display: block; margin-right: 4%; margin-top: 16px; margin-bottom: 4px; } :deep(.ant-skeleton-paragraph li:nth-child(3n + 3)) { margin-right: 0; } :deep(.ant-skeleton-content) { padding: 0 8px 10px 10px; } :deep(.ant-descriptions-item-label) { color: rgba(0, 0, 0, 0.5); } :deep(.ant-descriptions-item-label), :deep(.ant-descriptions-item-content) { line-height: 22px; } :deep(.ant-descriptions-view) { padding-bottom: 8px; } :deep(.ant-descriptions-item) { padding-right: 20px; &:nth-child(2n) { padding-left: 20px; } &:nth-child(3n) { padding-left: 20px; padding-right: 0; } } .ns-page-header { margin-bottom: 0 !important; padding-top: 7px !important; padding-bottom: 7px !important; width: calc(100% + 32px); margin-left: -16px; .title { cursor: pointer; font-size: 18px !important; } } .ns-detail { border-bottom: 1px solid #ecedef; &:last-child { border-bottom-width: 0; } &:first-child { :deep(.ant-descriptions-header) { margin-top: 0; } } :deep(.ant-descriptions-header) { margin-top: 12px; margin-bottom: 12px; .ant-descriptions-title { line-height: 16px; font-size: 16px; } } } :deep(.ant-image) { width: 64px; height: 64px; img { width: 100%; height: 100%; object-fit: contain; } } .ns-detail-html { :deep(table) { border-top: 1px solid #ffffff; border-left: 1px solid #ffffff; :deep(p) { font-size: 12px; color: #898e91; } } :deep(th) { border-right: 1px solid #ffffff; font-size: 13px; padding-top: 5px; padding-bottom: 5px; font-weight: normal; background: #eff0f2; } :deep(td) { border-top: 1px solid #ffffff; border-right: 1px solid #ffffff; padding-top: 5px; padding-bottom: 5px; font-size: 12px; color: #606060; text-align: center; :deep(text) { border-bottom: 1px solid #ffffff; } background: rgba(240, 242, 245, 0.5); } }