.navigation[data-v-0433ca68] {
  padding-bottom: 50px;
  overflow: hidden;
  background: #e7ecf2;
}
.navigation .main[data-v-0433ca68] {
    display: flex;
    justify-content: space-between;
}
.navigation .main .left[data-v-0433ca68] {
      width: 914px;
}
.navigation .main .left .top[data-v-0433ca68] {
        margin-bottom: 14px;
}
.navigation .main .left .bottom[data-v-0433ca68] {
        background: #ffffff;
        padding-bottom: 20px;
}
.navigation .main .left .bottom > p[data-v-0433ca68] {
          width: 308px;
          padding: 18px 0 11px 16px;
          font-weight: bold;
          font-size: 18px;
          color: #ffffff;
          background: url(data:image/png;base64,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) no-repeat;
          position: relative;
          left: -10px;
          top: 30px;
}
.navigation .main .left .bottom > div[data-v-0433ca68] {
          margin: 51px 30px 0;
}
.navigation .main .left .bottom > div > p[data-v-0433ca68] {
            font-size: 14px;
            color: #000;
}
.navigation .main .left .bottom > div > p img[data-v-0433ca68] {
              vertical-align: middle;
              margin: -2px 10px 0 0;
}
.navigation .main .left .bottom > div > div > ul[data-v-0433ca68] {
            display: flex;
            flex-wrap: wrap;
            margin: 22px -10px 0 0;
}
.navigation .main .left .bottom > div > div > ul li[data-v-0433ca68] {
              width: 278px;
              background: #f3f6f9;
              margin: 0 10px 10px 0;
              cursor: pointer;
}
.navigation .main .left .bottom > div > div > ul li p[data-v-0433ca68] {
                padding: 22px 22px 16px 0;
                color: #4f6176;
                line-height: 21px;
}
.navigation .main .left .bottom > div > div > ul li p[data-v-0433ca68]::before {
                  content: "";
                  display: block;
                  width: 0;
                  height: 0;
                  border-top: 5px solid transparent;
                  border-bottom: 5px solid transparent;
                  border-left: 7px solid #77a6d8;
                  margin: 4px 10px 0 0;
                  float: left;
}
.navigation .main .left .bottom > div > div .question[data-v-0433ca68] {
            background: #fafbfc;
            padding: 20px;
            height: 400px;
            overflow-y: auto;
}
.navigation .main .left .bottom > div > div .question ul li[data-v-0433ca68] {
              margin-bottom: 10px;
}
.navigation .main .left .bottom > div > div .question ul li span[data-v-0433ca68] {
                display: inline-block;
}
.navigation .main .left .bottom > div > div .question ul li .tx[data-v-0433ca68] {
                vertical-align: top;
}
.navigation .main .left .bottom > div > div .question ul li .userContent[data-v-0433ca68],
              .navigation .main .left .bottom > div > div .question ul li .systemContent[data-v-0433ca68] {
                font-size: 15px;
                text-align: left;
                line-height: 1.5;
                max-width: 90%;
                padding: 10px 10px 0;
}
.navigation .main .left .bottom > div > div .question ul li .userContent[data-v-0433ca68] {
                padding: 10px;
}
.navigation .main .left .bottom > div > div .question ul .user[data-v-0433ca68] {
              text-align: right;
}
.navigation .main .left .bottom > div > div .question ul .user .userContent[data-v-0433ca68] {
                background: #e1effe;
}
.navigation .main .left .bottom > div > div .question ul .user .tx[data-v-0433ca68] {
                width: 38px;
                height: 38px;
                border-radius: 50%;
                margin-left: 15px;
}
.navigation .main .left .bottom > div > div .question ul .system[data-v-0433ca68] {
              text-align: left;
}
.navigation .main .left .bottom > div > div .question ul .system .systemContent[data-v-0433ca68] {
                background: #fff;
}
.navigation .main .left .bottom > div > div .question ul .system .tx[data-v-0433ca68] {
                width: 36px;
                height: 36px;
                border-radius: 50%;
                background: #d5f5f6;
                text-align: center;
                line-height: 38px;
                font-size: 20px;
                border: 1px solid rgba(0, 0, 0, 0.05);
                margin-right: 15px;
}
.navigation .main .left .bottom > div > div .btn[data-v-0433ca68] {
            display: flex;
            background: #fafbfc;
            box-shadow: 0px 0px 7px 0px rgba(0, 67, 166, 0.2);
            padding: 5px;
}
.navigation .main .left .bottom > div > div .btn .el-button[data-v-0433ca68] {
              margin-left: 10px;
}
.navigation .main .right[data-v-0433ca68] {
      width: 264px;
      height: 350px;
      background: linear-gradient(180deg, #fff0d1 0%, #ffffff 47%, #ffffff 100%);
      box-shadow: 0px 7px 24px 0px rgba(92, 142, 231, 0.11);
      border-radius: 4px;
      border: 1px solid #ffffff;
}
.navigation .main .right > p[data-v-0433ca68] {
        width: 224px;
        padding: 18px 0 11px 16px;
        font-weight: bold;
        font-size: 18px;
        color: #ffffff;
        background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAPIAAAAvCAYAAADZyJdVAAAAAXNSR0IArs4c6QAABFNJREFUeF7tnT1rFEEYx5/nRKKVJtgoBDSx8g1BbcWThNMvIIh9gun0A1gErQXhFCOIgl/DxiJnRMHCpBEtk8qLp4Um8TKy97J3u7cvs5vkMgu/lNm5m7n/zG+emf8+O6uS8rf++ORRM1Kqjs19v5NWlusogAL7o4AmVbtenSwbldciMj429y2x7P40n1pRAAU8BSLh/Prk9MixA+aRUXNPREteQUBmwKCAuwoMgFx/PnFemvJGRC/0NxuQ3e1EWoYCPsjGiNafnrqvWnooIofC0gAygwUF3FWgBfKP6uR4SeWVEbke11RAdrcTaRkKaL06cVtUqiI6miQHIDNYUMBdBbT5ctIkNs9ffGcwrSOLRvwz9Ss7BVLLdW27hIKBS3Zt0a4XmFa/2tRrU6fF73W9rqS+T9RRY6zXzuj0pbHRMeTj7qTeLhy2HOQd+8bMamVpIe9UAcgDHdWTEpBzTFCAHMGi1eSzIc3tst78UMsDMyADcvy4yRP9ATkvyCLGrIn5d0lvfFrLCjMgAzIgp22dAiv1lMJ5l9bdXjCmJo3f1/TWymYWmAEZkAHZJZC93jBmQStLs4AcpQBmV0iVPTLWWFrnX1r3fzKj+UVEJiITkV2LyO0eyWR+ATIgA7KbIGcyvwAZkAHZVZDb+2Ur8wuQARmQXQa5BbMuaKWWaH4BMiADsusgexmGRma1UovN/AJkQAbkIoCssiHaLOtUdOYXIAMyIBcB5HYvrcn2ZmTmFyADMiAXBeR2O2uy3hjI/AJkQAbkYoHs9deCTgfNL0AGZEAuHsjeI5+zOtUzvwAZkAG5iCB7mV995hcgAzIgFxNk75aUb34BMiAD8rBAPnxC5NwDkSNnRBorIsvzIn9W4/X3ryQ+4NI2vzjqp6NW5CEOFk8IeR/P8wB+63PhPrSoz/W6ePopAsyOKFeeiYxe7F1f/yzy8e5OQW6bX4AMyLEjKc+kAcjxIE+9Eykd7F3f3hJ5exWQAwq0BlDCGonnkUMDZo+iPyAPNyKrLEq9USYis0dmjzy0PfLxzh75rEhjWeTLvMhfm+O5YifdVWluXvbO+AJkQAbkYYHcr7RNnclmF7efIpfgmF2DQLNH7mnij48UApO2FrsKss7o9OILPw5hdmF2YXbZ+03Jp+jH2TSRUcKi0tBysfc1pGi2pbETlgPqbczDUBnMrnizazcictfcCh2Xyx6ZPTJ7ZJv9qhtLa9/cCncaIAMyIBcD5A1pNmNfKQPIgAzIRQBZg+YWEZk9ctDdSxrEuNZuuNYcvtc3b5HZFZrEyezyjU+3I/Ki/PxVTnsXFEtrltYsrd0FeVW2t1qZW2n3qgAZkAHZTZB5ZUzkyGRpzdI6bmC4CLLKjE6/9zO3iMiREZeEED8pBrMrNVkr6I8OIUWT16raZCKR2RXIbgNk10C2Mre4/cTtJ24/BShQl0C2NrcAGZAB2U2QM5lbgAzIgOwiyBnNrTDI/wGwGVcJWGRm3gAAAABJRU5ErkJggg==) no-repeat;
        position: relative;
        left: -10px;
        top: 30px;
        margin-bottom: 58px;
}
.navigation .main .right > div[data-v-0433ca68] {
        margin: 0 13px;
}
.navigation .main .right > div[data-v-0433ca68]:last-child {
          margin-top: 35px;
}
.navigation .main .right > div .el-button[data-v-0433ca68] {
          width: 180px;
          height: 46px;
          margin: 12px 29px 0;
          border-radius: 4px;
}
.navigation .main .right > div .el-button .iconfont[data-v-0433ca68] {
            font-size: 22px;
            margin-right: 10px;
}
.navigation .main .right > div .el-button img[data-v-0433ca68] {
            vertical-align: middle;
            margin: -2px 10px 0 0;
}
.navigation .main .right > div label[data-v-0433ca68] {
          display: block;
          text-align: center;
          margin-top: 10px;
}
.navigation .main .right > div label span[data-v-0433ca68] {
            color: #f56c6c;
}
.navigation .main .right .download .el-button[data-v-0433ca68] {
        border: 1px solid #d7e7f6;
        color: #005FC9;
}
.uploadTable[data-v-0433ca68] {
  width: 100%;
}
.uploadTable tr td[data-v-0433ca68] {
    padding: 10px;
    border: 1px solid #e3e9f0;
    line-height: 1.2;
    vertical-align: middle;
}
.uploadTable tr td a[data-v-0433ca68] {
      color: #005FC9;
}
.uploadTable tr td a[data-v-0433ca68]:hover {
        text-decoration: underline;
}
.uploadTable tr td[data-v-0433ca68]:nth-child(1) {
      width: 10%;
      text-align: center;
}
.uploadTable tr td[data-v-0433ca68]:nth-child(2) {
      width: 40%;
}
.uploadTable tr td[data-v-0433ca68]:nth-child(3) {
      width: 40%;
}
.uploadTable tr td[data-v-0433ca68]:nth-child(4) {
      width: 10%;
      text-align: center;
}
.uploadTable thead[data-v-0433ca68] {
    background: #f1f4f7;
}
.uploadTable thead td[data-v-0433ca68] {
      text-align: center;
}

@charset "UTF-8";
.navigation .el-button--primary span {
  display: flex;
  align-items: center;
}
.navigation .btn .el-input__inner {
  border: none;
  background: transparent;
}
.navigation .systemContent {
  /*pre {
    padding: 0px 24px;
    max-width: 800px;
    white-space: pre-wrap;
}
code {
    font-family: Consolas, Monaco, Andale Mono, monospace;
    line-height: 1.5;
    font-size: 13px;
}*/
  /** markdown preview plus 对于代码块的处理有些问题, 所以使用统一的颜色 */
  /*code .keyword {
  color: #8959a8;
}

code .number {
  color: #f5871f;
}

code .comment {
  color: #998
}*/
  /* Code below this line is copyright Twitter Inc. */
  /* override default chrome & firefox settings */
  /* grey out placeholders */
  /* buttons */
  /*.v-enter{*/
  /*  opacity: 0*/
  /*}*/
  /*.v-enter-active{*/
  /*  transition: opacity 3s;*/
  /*}*/
  /*!* 隐藏动画效果 *!*/
  /*.v-leave-to{*/
  /*  opacity: 0;*/
  /*}*/
  /*.v-leave-active {*/
  /*  transition: opacity 3s;*/
  /*}*/
  /*入场(离场)动画的时间段   */
}
.navigation .systemContent strong,
  .navigation .systemContent b {
    font-weight: bold;
}
.navigation .systemContent br {
    white-space: pre-wrap;
}
.navigation .systemContent h1,
  .navigation .systemContent h2,
  .navigation .systemContent h3,
  .navigation .systemContent h4 {
    color: #111111;
    font-weight: 400;
    margin-top: 1em;
}
.navigation .systemContent h1,
  .navigation .systemContent h2,
  .navigation .systemContent h3,
  .navigation .systemContent h4,
  .navigation .systemContent h5 {
    font-family: Georgia, Palatino, serif;
}
.navigation .systemContent h1,
  .navigation .systemContent h2,
  .navigation .systemContent h3,
  .navigation .systemContent h4,
  .navigation .systemContent h5,
  .navigation .systemContent p,
  .navigation .systemContent dl {
    margin-bottom: 16px;
    padding: 0;
}
.navigation .systemContent h1 {
    font-size: 48px;
    line-height: 54px;
}
.navigation .systemContent h2 {
    font-size: 36px;
    line-height: 42px;
}
.navigation .systemContent h1,
  .navigation .systemContent h2 {
    border-bottom: 1px solid #efeaea;
    padding-bottom: 10px;
}
.navigation .systemContent h3 {
    font-size: 24px;
    line-height: 30px;
}
.navigation .systemContent h4 {
    font-size: 21px;
    line-height: 26px;
}
.navigation .systemContent h5 {
    font-size: 18px;
    list-style: 23px;
}
.navigation .systemContent a {
    color: #0099ff;
    margin: 0;
    padding: 0;
    vertical-align: baseline;
}
.navigation .systemContent a:hover {
    text-decoration: none;
    color: #ff6600;
}
.navigation .systemContent a:visited {
    /*color: purple;*/
}
.navigation .systemContent ul,
  .navigation .systemContent ol {
    padding: 0;
    padding-left: 24px;
    margin: 0;
}
.navigation .systemContent li {
    line-height: 24px;
}
.navigation .systemContent p,
  .navigation .systemContent ul,
  .navigation .systemContent ol {
    font-size: 15px;
    line-height: 24px;
}
.navigation .systemContent ol li,
  .navigation .systemContent ul li,
  .navigation .systemContent ol ol,
  .navigation .systemContent ul ol {
    list-style-type: auto;
}
.navigation .systemContent code,
  .navigation .systemContent pre {
    border-radius: 3px;
    background-color: #f7f7f7;
    color: inherit;
}
.navigation .systemContent code {
    font-family: Consolas, Monaco, Andale Mono, monospace;
    margin: 0 2px;
}
.navigation .systemContent pre {
    line-height: 1.7em;
    overflow: auto;
    padding: 6px 10px;
    border-left: 5px solid #6ce26c;
    background: #cacaca;
    width: 49rem;
}
.navigation .systemContent pre > code {
    border: 0;
    display: inline;
    max-width: initial;
    padding: 0;
    margin: 0;
    overflow: initial;
    line-height: inherit;
    font-size: 0.85em;
    white-space: pre;
    background: 0 0;
}
.navigation .systemContent code {
    color: #666555;
}
.navigation .systemContent aside {
    display: block;
    float: right;
    width: 390px;
}
.navigation .systemContent blockquote {
    border-left: 0.5em solid #eee;
    padding: 0 0 0 2em;
    margin-left: 0;
}
.navigation .systemContent blockquote cite {
    font-size: 14px;
    line-height: 20px;
    color: #bfbfbf;
}
.navigation .systemContent blockquote cite:before {
    content: "\2014 \00A0";
}
.navigation .systemContent blockquote p {
    color: #666;
}
.navigation .systemContent hr {
    text-align: left;
    color: #999;
    height: 2px;
    padding: 0;
    margin: 16px 0;
    background-color: #e7e7e7;
    border: 0 none;
}
.navigation .systemContent dl {
    padding: 0;
}
.navigation .systemContent dl dt {
    padding: 10px 0;
    margin-top: 16px;
    font-size: 1em;
    font-style: italic;
    font-weight: bold;
}
.navigation .systemContent dl dd {
    padding: 0 16px;
    margin-bottom: 16px;
}
.navigation .systemContent dd {
    margin-left: 0;
}
.navigation .systemContent button,
  .navigation .systemContent input,
  .navigation .systemContent select,
  .navigation .systemContent textarea {
    font-size: 100%;
    margin: 0;
    vertical-align: baseline;
    *vertical-align: middle;
}
.navigation .systemContent button,
  .navigation .systemContent input {
    line-height: normal;
    *overflow: visible;
}
.navigation .systemContent button::-moz-focus-inner,
  .navigation .systemContent input::-moz-focus-inner {
    border: 0;
    padding: 0;
}
.navigation .systemContent button,
  .navigation .systemContent input[type="button"],
  .navigation .systemContent input[type="reset"],
  .navigation .systemContent input[type="submit"] {
    cursor: pointer;
    -webkit-appearance: button;
}
.navigation .systemContent input[type="checkbox"],
  .navigation .systemContent input[type="radio"] {
    cursor: pointer;
}
.navigation .systemContent input:not([type="image"]),
  .navigation .systemContent textarea {
    box-sizing: content-box;
}
.navigation .systemContent input[type="search"] {
    -webkit-appearance: textfield;
    box-sizing: content-box;
}
.navigation .systemContent input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}
.navigation .systemContent label,
  .navigation .systemContent input,
  .navigation .systemContent select,
  .navigation .systemContent textarea {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 13px;
    font-weight: normal;
    line-height: normal;
    margin-bottom: 18px;
}
.navigation .systemContent input[type="checkbox"],
  .navigation .systemContent input[type="radio"] {
    cursor: pointer;
    margin-bottom: 0;
}
.navigation .systemContent input[type="text"],
  .navigation .systemContent input[type="password"],
  .navigation .systemContent textarea,
  .navigation .systemContent select {
    display: inline-block;
    width: 210px;
    padding: 4px;
    font-size: 13px;
    font-weight: normal;
    line-height: 18px;
    height: 18px;
    color: #808080;
    border: 1px solid #ccc;
    border-radius: 3px;
}
.navigation .systemContent select,
  .navigation .systemContent input[type="file"] {
    height: 27px;
    line-height: 27px;
}
.navigation .systemContent textarea {
    height: auto;
}
.navigation .systemContent :-moz-placeholder {
    color: #bfbfbf;
}
.navigation .systemContent ::-webkit-input-placeholder {
    color: #bfbfbf;
}
.navigation .systemContent input[type="text"],
  .navigation .systemContent input[type="password"],
  .navigation .systemContent select,
  .navigation .systemContent textarea {
    transition: border linear 0.2s, box-shadow linear 0.2s;
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
}
.navigation .systemContent input[type="text"]:focus,
  .navigation .systemContent input[type="password"]:focus,
  .navigation .systemContent textarea:focus {
    outline: none;
    border-color: rgba(82, 168, 236, 0.8);
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.6);
}
.navigation .systemContent button {
    display: inline-block;
    padding: 4px 14px;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 13px;
    line-height: 18px;
    border-radius: 4px;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    background-color: #0064cd;
    background-repeat: repeat-x;
    background-image: -khtml-gradient(linear, left top, left bottom, from(#049cdb), to(#0064cd));
    background-image: linear-gradient(to top, #049cdb, #0064cd);
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    border: 1px solid #004b9a;
    border-bottom-color: #003f81;
    transition: 0.1s linear all;
    border-color: #0064cd #0064cd #003f81;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
}
.navigation .systemContent button:hover {
    color: #fff;
    background-position: 0 -15px;
    text-decoration: none;
}
.navigation .systemContent button:active {
    box-shadow: inset 0 3px 7px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
}
.navigation .systemContent button::-moz-focus-inner {
    padding: 0;
    border: 0;
}
.navigation .systemContent table {
    *border-collapse: collapse;
    /* IE7 and lower */
    border-spacing: 0;
    width: 51rem;
}
.navigation .systemContent table {
    border: solid #ccc 1px;
    border-radius: 6px;
    /*-webkit-box-shadow: 0 1px 1px #ccc;
  -moz-box-shadow: 0 1px 1px #ccc;
  box-shadow: 0 1px 1px #ccc;   */
}
.navigation .systemContent table tr:hover {
    background: #fbf8e9;
    transition: all 0.1s ease-in-out;
}
.navigation .systemContent table td,
  .navigation .systemContent .table th {
    border-left: 1px solid #ccc;
    border-top: 1px solid #ccc;
    padding: 10px;
    text-align: left;
}
.navigation .systemContent table th {
    background-color: #dce9f9;
    background-image: linear-gradient(to top, #ebf3fc, #dce9f9);
    /*-webkit-box-shadow: 0 1px 0 rgba(255,255,255,.8) inset;
  -moz-box-shadow:0 1px 0 rgba(255,255,255,.8) inset;
  box-shadow: 0 1px 0 rgba(255,255,255,.8) inset;*/
    border-top: none;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
    padding: 5px;
}
.navigation .systemContent table td:first-child,
  .navigation .systemContent table th:first-child {
    border-left: none;
}
.navigation .systemContent table th:first-child {
    border-radius: 6px 0 0 0;
}
.navigation .systemContent table th:last-child {
    border-radius: 0 6px 0 0;
}
.navigation .systemContent table th:only-child {
    border-radius: 6px 6px 0 0;
}
.navigation .systemContent table tr:last-child td:first-child {
    border-radius: 0 0 0 6px;
}
.navigation .systemContent table tr:last-child td:last-child {
    border-radius: 0 0 6px 0;
}
.navigation .systemContent .passage {
    padding-left: 4rem;
    width: 59rem;
}
.navigation .systemContent .article-title {
    margin: 0;
    padding: 0;
    display: block;
    font-size: 2em;
    margin-block-start: 0.67em;
    margin-block-end: 0.67em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    text-align: left;
    color: #000;
    border: 0px;
    font-weight: bold;
    float: left;
    line-height: 1.5;
    width: 100%;
    padding-left: 5px;
}
.navigation .systemContent .v-enter,
  .navigation .systemContent .v-leave-to {
    transform: translateX(150px);
}
.navigation .systemContent .v-enter-active,
  .navigation .systemContent .v-leave-active {
    transition: all 0.8s ease;
}
.navigation .systemContent .my-enter,
  .navigation .systemContent .my-leave-to {
    transform: translateY(70px);
}
.navigation .systemContent .my-enter-active,
  .navigation .systemContent .my-leave-active {
    transition: all 0.8s ease;
}