html,
body {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
}

* {
    margin: 0;
    padding: 0;
}

.equipment-history-box {
    padding: 10px;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    color:#677788;
}

.equipment-history-box table {
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed;
}

.equipment-history-box table td,
.equipment-history-box table th {
    padding: 0 4px;
    border: 1px solid rgba(231, 234, 243, 0.7);
    height: 36px;
    line-height: 36px;
    text-align: center;
    word-break:break-all;
}

.equipment-history-box table thead tr th:first-child,
.equipment-history-box table tbody tr td:first-child {
    width: 40px;
}

.equipment-history-box table thead tr th:nth-child(2),
.equipment-history-box table tbody tr td:nth-child(2),
.equipment-history-box table thead tr th:nth-child(8),
.equipment-history-box table tbody tr td:nth-child(8) {
    width: 64px;
}

.equipment-history-box table thead tr th:nth-child(3),
.equipment-history-box table tbody tr td:nth-child(3) {
    width: 104px;
}

.equipment-history-box table thead tr th:nth-child(7),
.equipment-history-box table tbody tr td:nth-child(7) {
    width: 64px;
}