.table-container{max-width:970px;width:100%;margin:0 auto;overflow-x:auto;-webkit-overflow-scrolling:touch}
.data-table{width:100%;min-width:700px;border-collapse:collapse;font-size:14px;text-align:center;background:#fff}
.data-table thead th{background:#da251c;color:#fff;font-weight:600;padding:10px 8px;border:1px solid #c41f18;white-space:nowrap;font-size:13px}
.data-table thead th:first-child{border-top-left-radius:4px}
.data-table thead th:last-child{border-top-right-radius:4px}
.data-table tbody td{color:#000;padding:9px 8px;border:1px solid #e8e8e8;vertical-align:middle;font-size:14px}
.data-table tbody tr:nth-child(even){background:#f7f7f7}
.data-table tbody tr:hover{background:#f0ecec}
.model-link{color:#da251c;text-decoration:none;font-weight:500}
.model-link:hover{text-decoration:underline;color:#b01e16}
.data-table td:nth-child(2),.data-table th:nth-child(2){min-width:50px}
.data-table td:nth-child(3),.data-table th:nth-child(3){min-width:50px}
.data-table td:nth-child(4),.data-table th:nth-child(4){min-width:50px}
.data-table td:nth-child(5),.data-table td:nth-child(6),.data-table td:nth-child(7),.data-table td:nth-child(8){min-width:65px}
.data-table td:last-child,.data-table th:last-child{min-width:60px}
@media screen and (max-width:767px){.data-table{font-size:12px}.data-table thead th,.data-table tbody td{padding:6px 5px;color:#000}}

.spec-section {
    margin-bottom: 24px
}

.spec-title {
    font-size: 16px;
    font-weight: 600;
    color: #000;
    margin-bottom: 12px;
    border-bottom: 1px solid #eee;
}

.spec-table {
    width: 100%;
    border-collapse: collapse;
    font-size: 14px;
    background: #fff
}

.spec-table td {
    padding: 10px 14px;
    border-bottom: 1px dashed #d0d0d0;
    vertical-align: middle
}

.spec-table tr:last-child td {
    border-bottom: none
}

.spec-table td:first-child {
    font-weight: 600;
    color: #333;
    width: 30%;
    text-align: center
}

.spec-table td:nth-child(2) {
    text-align: center;
    font-weight: 600;
    color: #000;
    width: 35%;
    font-size: 15px
}

.spec-table td:nth-child(3) {
    color: #999;
    font-size: 14px;
    width: 10%;
    text-align: center
}

.spec-table td:nth-child(4) {
    color: #666;
    font-size: 16px;
    padding-left: 16px
}

.spec-table tr:nth-child(even) {
    background: #f9f9f9
}

.spec-table td:empty::before {
    content: "—";
    color: #bbb;
    font-weight: 400
}

@media screen and (max-width: 600px) {
    .spec-section {
        margin-bottom:16px
    }

    .spec-title {
        font-size: 14px
    }

    .spec-table {
        font-size: 13px
    }

    .spec-table td {
        padding: 7px 8px;
        font-size: 12px
    }

    .spec-table td:first-child {
        width: 60px;
        font-size: 12px;
        padding: 7px 4px
    }

    .spec-table td:nth-child(2) {
        width: 60px;
        font-size: 13px;
        padding: 7px 4px
    }

    .spec-table td:nth-child(3) {
        width: 36px;
        font-size: 11px;
        padding: 7px 2px
    }

    .spec-table td:nth-child(4) {
        font-size: 11px;
        padding: 7px 6px;
        padding-left: 8px
    }
}

@media screen and (max-width: 400px) {
    .spec-table td {
        padding:5px 4px;
        font-size: 11px
    }

    .spec-table td:first-child {
        width: 44px;
        font-size: 11px
    }

    .spec-table td:nth-child(2) {
        width: 44px;
        font-size: 12px
    }

    .spec-table td:nth-child(3) {
        width: 28px;
        font-size: 10px
    }

    .spec-table td:nth-child(4) {
        font-size: 10px;
        padding-left: 4px
    }
}

```