#content { 
 | 
    width: 80%; 
 | 
    margin-left: 10%; 
 | 
} 
 | 
  
 | 
#content table { 
 | 
    background: #fff; 
 | 
    border: solid 1px #ddd; 
 | 
    margin-bottom: 1.25rem; 
 | 
    table-layout: auto 
 | 
} 
 | 
  
 | 
#content table caption { 
 | 
    background: transparent; 
 | 
    color: #222; 
 | 
    font-size: 1rem; 
 | 
    font-weight: bold 
 | 
} 
 | 
  
 | 
#content table thead { 
 | 
    background: #F5F5F5 
 | 
} 
 | 
  
 | 
#content table thead tr th,#content table thead tr td { 
 | 
    color: #222; 
 | 
    font-size: 0.875rem; 
 | 
    font-weight: bold; 
 | 
    padding: 0.5rem 0.625rem 0.625rem 
 | 
} 
 | 
  
 | 
#content table tfoot { 
 | 
    background: #F5F5F5 
 | 
} 
 | 
  
 | 
#content table tfoot tr th,#content table tfoot tr td { 
 | 
    color: #222; 
 | 
    font-size: 0.875rem; 
 | 
    font-weight: bold; 
 | 
    padding: 0.5rem 0.625rem 0.625rem 
 | 
} 
 | 
  
 | 
#content table tr th,#content table tr td { 
 | 
    color: #222; 
 | 
    font-size: 0.875rem; 
 | 
    padding: 0.5625rem 0.625rem; 
 | 
    text-align: left 
 | 
} 
 | 
  
 | 
#content table tr.even,#content table tr.alt,#content table tr:nth-of-type(even) { 
 | 
    background: #F9F9F9 
 | 
} 
 | 
  
 | 
#content table thead tr th,#content table tfoot tr th,#content table tfoot tr td,#content table tbody tr th,#content table tbody tr td,#content table tr td { 
 | 
    display: table-cell; 
 | 
    line-height: 1.125rem 
 | 
} 
 | 
  
 | 
#content pre { 
 | 
    white-space: pre-wrap;       /* css-3 */ 
 | 
    white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */ 
 | 
    white-space: -o-pre-wrap;    /* Opera 7 */ 
 | 
    word-wrap: break-word;       /* Internet Explorer 5.5+ */ 
 | 
    background-color: #f8f8f8; 
 | 
    border: 1px solid #dfdfdf; 
 | 
    margin-top: 1.5em; 
 | 
    margin-bottom: 1.5em; 
 | 
    padding: 0.125rem 0.3125rem 0.0625rem; 
 | 
} 
 | 
  
 | 
#content pre code { 
 | 
    background-color: transparent; 
 | 
    border: 0; 
 | 
    padding: 0; 
 | 
} 
 | 
  
 | 
.el-dropdown-link { 
 | 
    cursor: pointer; 
 | 
    color: #409EFF; 
 | 
} 
 | 
.el-icon-arrow-down { 
 | 
    font-size: 12px; 
 | 
} 
 | 
  
 | 
.slider { 
 | 
    position: fixed; 
 | 
    top: 20px; 
 | 
    right: 20px; 
 | 
    width: 130px; 
 | 
    border-left: 3px solid #f0f0f0; 
 | 
    padding-left: 15px; 
 | 
} 
 | 
  
 | 
.slider > .el-divider { 
 | 
    margin: 5px 0; 
 | 
} 
 | 
  
 | 
.content-header { 
 | 
    background: #409EFF; 
 | 
    color: #fff; 
 | 
    display: flex; 
 | 
    align-items: center; 
 | 
} 
 | 
  
 | 
.content-header > .header-logo { 
 | 
    width: 150px; 
 | 
    height: auto; 
 | 
} 
 | 
  
 | 
.content-body { 
 | 
    margin-top: 20px; 
 | 
    display: flex; 
 | 
    justify-content: space-around; 
 | 
    flex-wrap: wrap; 
 | 
} 
 | 
  
 | 
.content-body .content-desc { 
 | 
    text-align: center; 
 | 
} 
 |