.table {
    width: 100%;
    display: table;
    background: #FFF;
    border-spacing: 0;
    border-collapse: separate;
}

.table > dl,
.table > tr,
.table > ul {
    display: table-row
}

.table img.pic {
    width: 45px;
    height: 45px;
    border-radius: 2px;
    border: 1px solid #F9F9F9;
    box-sizing: border-box;
}

.width > ul > li:first-child {
    width: 140px
}

.widths > ul > li:first-child {
    width: 65%
}

.widths > ul > li:last-child {
    width: 35%
}

.w361,
.group.width > ul > li:first-child {
    width: 361px
}

.table.label > ul label {
    width: 150px;
    display: inline-block;
    padding: 0 5px;
    height: 33px;
    line-height: 33px;
    word-break: break-all;
    vertical-align: middle;
    user-select: none;
}

.table.label > ul label input {
    width: auto;
    margin-right: 5px;
}

.table > dl > dd,
.table > tr > th,
.foot {
    font-size: 14px;
    color: #636363;
    text-shadow: 1px 0 0 #888;
    background: whitesmoke;
    background: linear-gradient(to bottom, #fff 0%, #e9e9e9 100%);
}

.table > dl > dd,
.table > tr > td,
.table > tr > th,
.table > ul > li {
    display: table-cell;
    font-size: 13px;
    padding: 0 5px;
    height: 38px;
    word-break: break-all;
    vertical-align: middle;
}

.table.odd-line > ul:nth-child(odd),
.table.even-line > ul:nth-child(even), .line-bg {
    background: #F9F9F9
}

.table.hover > ul:hover {
    background: #f7fcfe
}

.table,
.table > dl > dd,
.table > tr > td,
.table > tr > th,
.table > ul > li,
ul.label label,
.foot {
    border: 0 solid #d3dbde;
    box-sizing: border-box;
}

.table > dl > dd.all {
    width: 4%;
}

.table > dl > dd,
.table > tr > th,
.table.top {
    border-top-width: 1px
}

.table.border {
    border: 1px;
}

.table.right > dl > dd:last-child,
.table.right > tr > td:last-child,
.table.right > tr > th:last-child,
.table.right > ul > li:last-child {
    border-right-width: 1px
}

.table.bottom > dl > dd,
.table.bottom > tr > td,
.table.bottom > tr > th,
.table.bottom > ul > li {
    border-bottom-width: 1px
}

.table.left > dl > dd,
.table.left > tr > td,
.table.left > tr > th,
.table.left > ul > li,
.table.innerLeft > dl > dd:last-child,
.table.innerLeft > tr > td:last-child,
.table.innerLeft > tr > th:last-child,
.table.innerLeft > ul > li:last-child {
    border-left-width: 1px
}

.table li.group {
    border-bottom-width: 0;
    padding: 0;
}

.table.group > ul > li:last-child {
    border-right-width: 0;
}

.table.group > ul > li:first-child {
    border-left-width: 0;
}

.noHover {
    background: inherit;
}

.table.text-c > ul > li:first-child {
    text-align: center;
}

.f-edit, .f-del {
    cursor: pointer
}

.f-edit {
}

.f-del {
}

.page {
    width: 100%;
    height: 38px;
    line-height: 38px;
    margin-top: 5px;
}

.table-page .all {
    width: 4%;
    padding: 0 5px;
    user-select: none;
}

.table-page {
    width: 100%;
    height: 53px;
    line-height: 53px;
    border-bottom: 1px solid #F3F3F3;
    box-sizing: border-box;
    border-top-width: 0;
    display: table;
}

.table-page ul {
    width: auto;
    display: inline-block;
}

.table-page ul > li {
    height: 38px;
    display: table-cell;
    font-size: 13px;
    padding: 0 5px;
    word-break: break-all;
    vertical-align: middle
}

.table-page-input {

}

.table-page-text {

}

.table-page-first,
.table-page-last,
.table-page-prev,
.table-page-next {
    width: 53px;
    height: 53px;
    text-align: center;
    cursor: pointer;
    color: #A5A5A5;
}

.table-page-first.active,
.table-page-last.active,
.table-page-prev.active,
.table-page-next.active {
    color: #555;
}

.table-page-first.active:hover,
.table-page-last.active:hover,
.table-page-prev.active:hover,
.table-page-next.active:hover {
    background: #ddd;
}

.table-page-first {

}

.table-page-last {

}

.table-page-prev {

}

.table-page-next {

}
.table-page-input-text{
    width: 60px;
    height: 38px;
    background: #f5f5f5;
    text-align: center;
    border-right: 3px;
}