.header {
    margin:0 auto;
    min-width: 960px;
    height:35px;
    padding: 10px;
    background-color: rgb(250, 250, 251);
    /*display: table-cell;*/
    text-align: left;
    vertical-align: middle;
    box-shadow: 0 0 2px 0 #888 ;
}

.logo {
    width: 28px;
    height: 28px;
    text-align: center;
    vertical-align: middle;
}

.title {
    font-size:22px;
    font-style:normal;
    font-weight: 700;
    color:rgb(5, 0, 0);
    text-align: center;
    vertical-align: middle;
}

.content-bg {
    background-color: rgb(245, 243, 241);
}

.footer {
    margin:0 auto;
    min-width: 960px;
    height:20px;
    text-align: center;
    vertical-align: middle;
}

.footer_icp {
    font-size:12px;
    font-style:normal;
    text-align: center;
    vertical-align: middle;
}

.content {
    min-width:900px;
    margin:0 auto;
}

.tip {
    max-width: 80%;
    margin:0 auto;
    text-align: center;
}

.tip a {
    font-size:18px;
    font-style:normal;
    color:black;
}

.tools {
    max-width: 90%;
    margin:0 auto;
    text-align: right;
    display: flex;
    justify-content: flex-end;
}

.btnShow {
    display: block;
    /* flex: 1;
    text-align: right; */
}

.btnHide {
    display: none;
    /* flex: 1;
    text-align: right; */
}

.legend {
    max-width: 90%;
    margin:0 auto;
    text-align: left;
    font-size: 15px;
    display: none;
}

.legend_tools {
    background-color: rgb(205, 103, 63);
    margin: 2px;
}

.legend_ops {
    background-color: rgb(149, 185, 130);
    margin: 2px;
}

.legend_dev {
    background-color: rgb(179, 151, 113);
    margin: 2px;
}

.table {
    max-width: 85%;
    margin:0 auto;
    /*border: 1px solid #C66;*/
}

.table_row_head {
    background-color: rgb(196, 203, 241);
    padding: 4px;
    width: 10%;
    font-size: 14;
    text-align: center;
    vertical-align: middle;
}

.table_row_domain_tools {
    background-color: rgb(205, 103, 63);
    padding: 4px;
    width: 2%;
}

.table_row_domain_ops {
    background-color: rgb(149, 185, 130);
    padding: 4px;
    width: 2%;
}

.table_row_domain_dev {
    background-color: rgb(179, 151, 113);
    padding: 4px;
    width: 2%;
}

.table_row_head_con {
    display: grid;
    grid-template-columns: auto 20px;
    /*justify-content: center;*/ /* 水平居中 */
    /*align-content: center;*/   /* 垂直居中 */
}

.table_row_head_icon {
    width: 12px;
    height: 12px;
    text-align: right;
    vertical-align: middle;
    margin: auto;
    cursor: pointer;
}

.table_row_content {
    padding: 2px;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}

.table_row_content_item {
    background-color: rgb(217, 218, 234);
    padding: 3px;
    margin-top: 2px;
    margin-bottom: 2px;
    margin-left: 3px;
    margin-right: 3px;
    width: 90px;
    font-size: 12;
    text-align: center;
    vertical-align: middle;
}

a {
    color:rgb(69, 60, 242);
    font-size: 10;
}

a:link {
    text-decoration:none;
}

a:hover {
    color:red;
    text-decoration:underline;
}

.modal_container_div {
    overflow: auto;
}

.modal_props_title {
    font-size: 20;
}

.modal_props_table {
    width: 90%;
    margin: 0 auto;
    /* border: 1px solid #C66; */
    /* background-color: #0c0101; */
}

.modal_props_table thead{
    background-color: #6a7d8e;
    color:#f8f5f5;
    text-align: center;
    font-size: 15;
}

.modal_props_table th:not(:last-child) {
    resize: horizontal;
    overflow:auto;
}

.modal_props_table tbody tr:nth-child(even) {
    background-color: #f6f8fc;
}

.modal_props_table tbody tr:nth-child(odd) {
    background-color: #eff0f2;
}

.modal_props_table tbody tr:hover {
    background-color: #d4dce3;
}

.modal_props_table tbody td {
    padding-left: 2px;
    padding-right: 2px;
    padding-top: 5px;
    padding-bottom: 5px;
    text-align: center;
    font-size: 14;
}