
/** 表格 **/
.no-border-table td {
    border: none;
}

.table {
    width: 100%;
}

.table th{
    border-color: #ccc;
    text-align: left;
}

.table td {
    border-color: #ccc;
    word-wrap: break-word;
    word-break: break-word;
}

.table tr:hover td{
    /* 注意: background-color: none; 是一个无效的样式 */
    background-color: transparent;
}

.table tr:hover{
    background-color: #eee;
}


.row-no, .index-td {
    width: 50px;
}

.hover-tr:hover td {
    /* td的背景不展示才能让tr的背景展示出来 */
    background: none;
}

.hover-tr:hover {
    background-color: #eee;
}

.table-action-row, .table-action-bar, .action-bar {
    padding-bottom: 5px;
    width: 100%;
    float: left;
}

.info-table {
    width: 100%;
}

/* 默认样式:4列表格 */
.info-table .name {
    font-weight: bold;
    width: 20%;
}

.info-table .value {
    width: 30%;
}

/* 2列信息表格定制样式 */
.info-table.col-2 .name {
    width: 150px;
}
.info-table.col-2 .value {
    width: auto;
}

/* 6列信息表格 */
.info-table.col-6 .name {
    width: 10%;
}
.info-table.col-6 .value {
    width: 13.3%;
}