body {
    padding: 0px;
    margin:  3px;
}
.section {
    padding: 5px;
    border-radius: 10px;
    border: 3px solid #888;
    margin: 3px;
    min-width: 250px;
    max-width: 400px;

}
.table{
    display:grid;
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed;   
    color: #333;
    min-width: 250px;
    max-width: 400px;
}
.head, .tr {
    display:grid;
    grid-auto-flow:column;  /* 水平排列 */
    grid-auto-columns:2fr 1fr 1fr 1fr; 
    border-bottom: 1px solid #e5e5e5;
}
.th {
    font-weight: bold;
    background: #f5f5f5;
}
.td, .th{
    text-align: center;
    font-weight: bold;
    vertical-align: middle;
}
.table .col-desc { flex: 2;text-align: left; }
.table .col-0,
.table .col-8,
.table .col-sx { flex: 1; }