
.content_wraper {
    display:flex;
    flex-direction:column;
    justify-content:flex-start;
    flex-grow: 1;/*铺满剩余空间*/
}

.search-bar {
    border-radius: 5px;
    background:#ffffff;
    padding:10px;
    font-size:14px;
}

.search-bar-content {
    display:flex;
    flex-direction:row;
    justify-content:flex-start;
    white-space:nowrap;
    margin-top:15px;
}


.search-bar-content input,select {
    border-radius: 0px;
}

.search-bar .btn img {
    width:16px;
    height:16px;
}

.content-list {
    margin-top:20px;
    border-radius: 5px;
    background:#ffffff;
    padding:10px;
    font-size:14px;
}

.label-empty {
    border-radius: 3px;
    border:1px solid #cfcfcf;
    background:#efefef;
    padding:3px 10px;
    font-size:12px;
    color:#666666;
}

.label-normal {
    border-radius: 3px;
    border:1px solid #d0f5e0;
    background:#e7faf0;
    padding:3px 10px;
    font-size:12px;
    color:#13ce66;
}

.label-active {
    border-radius: 3px;
    border:1px solid #d1e9ff;
    background:#e8f4ff;
    padding:3px 10px;
    font-size:12px;
    color:#1890ff;
}

div.btn img {
    width:16px;
    height:16px;
}

div.btn,div.btn:hover,div.btn:active {
    background:#1890ff;
    border:1px solid #1890ff;
    border-radius: 3px;
    color:#ffffff;
    font-size:12px;
    padding:3px 10px;
}



div.btn a {
    color:#ffffff;
    text-decoration:none;/用于去除下划线/
}

table {
    width:100%;
    border-collapse: collapse;
    color:#515a61;
}

table tr:hover {
    background:#f5f7fa;
}

table, th, td
{
    border: 1px solid #dfe6ec;
    text-align:left;
    height:40px;
    padding-left:10px;
}

table th {

    background:#f8f8f9;
    height:50px;
    line-height:50px;

}

.page-bar {
    margin-top:20px;
}

.page-bar-content {
    display:flex;
    flex-direction:row;
    justify-content:flex-start;
}
