.column-table ul::after { content: ''; display: block; clear: both; }
.column-table ul li { float: left; display: table; padding: 0 15px; width: 33.33333%; }
.column-table .check-wrap { display: block; position: relative; padding: 0 15px; }
.column-table .check-wrap form { position: absolute; top: 0; left: 0; }
.column-table .thead .th{
    display: table-cell; vertical-align: middle; padding: 15px 10px; width: 30%;
     text-align: center; font-size: 24px; font-weight: 700;
    border-top: 2px solid #836e6a; border-bottom: 1px solid #836e6a;
}
.column-table .thead .td{
    display: table-cell; vertical-align: middle; padding: 15px 10px; width: calc(100% - 30%);
     text-align: center; font-size: 24px; font-weight: 700;
    border-top: 2px solid #836e6a; border-bottom: 1px solid #836e6a;
}

.column-table .tbody .th{
    display: table-cell; vertical-align: middle; padding: 13px 10px; width: 30%;
    text-align: center; font-size: 20px; color: #777777; font-weight: 300;
    border-bottom: 1px solid #e1e1e1;
}
.column-table .tbody .td{
    display: table-cell; vertical-align: middle; padding: 13px 10px; width: calc(100% - 30%);
    text-align: left; font-size: 20px; color: #777777; font-weight: 300;
    border-bottom: 1px solid #e1e1e1;
}
.table-td { position: relative; }
.table-td .button{
    position: absolute; top: 0; right: 0; bottom: 0;
    margin: auto; width: 15px; height: 100%; background: url('/adm/bbs/skin/Table/image/table-detail.png') no-repeat right center;
}
/* .column-table .tbody ul{
    overflow: hidden;
    -ms-display: flex;
    display: flex;
    -ms-flex-flow: wrap;
    flex-flow: wrap;
    -ms-flex-direction: column;
    flex-direction: column;
    max-height: 1120px;
} */
@media (max-width:1024px) {
    .column-table .thead .th, .column-table .thead .td { padding: 10px 5px; font-size: 16px; }
    .column-table .tbody .th, .column-table .tbody .td { padding: 6px 5px; font-size: 14px; }
    /* .column-table .tbody ul { max-height: 690px; } */
}
@media (max-width:768px) {
    .column-table ul li { width: 50%; }
    /* .column-table .thead ul li:last-child { display: none; } */
}
@media (max-width:550px) {
    .column-table ul li { width: 100%; }
    .column-table .thead ul li:nth-child(2) { display: none; }
    .column-table .thead .th,
    .column-table .tbody .th { width: 50px; }
    .column-table .thead .td,
    .column-table .tbody .td { width: calc(100% - 50px); }
    /* .column-table .tbody ul { max-height: none; } */
}