| #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; | 
| } |