.nav-bar .container .el-breadcrumb .el-breadcrumb__inner.is-link {
  font-weight: normal;
  color: #606266;
}
.nav-bar .container .el-breadcrumb__item:last-child .el-breadcrumb__inner {
  color: #2367B1 !important;
}

.nav-header[data-v-6e1afce0] {
  width: 100%;
  height: 60px;
}

@charset "UTF-8";
@media screen and (max-width: 1200px) {
html[data-v-b07fc4c4],
  body[data-v-b07fc4c4] {
    width: 1320px;
}
}
body[data-v-b07fc4c4],
div[data-v-b07fc4c4],
span[data-v-b07fc4c4],
header[data-v-b07fc4c4],
footer[data-v-b07fc4c4],
nav[data-v-b07fc4c4],
section[data-v-b07fc4c4],
aside[data-v-b07fc4c4],
article[data-v-b07fc4c4],
ul[data-v-b07fc4c4],
dl[data-v-b07fc4c4],
dt[data-v-b07fc4c4],
dd[data-v-b07fc4c4],
li[data-v-b07fc4c4],
a[data-v-b07fc4c4],
p[data-v-b07fc4c4],
pre[data-v-b07fc4c4],
h1[data-v-b07fc4c4],
h2[data-v-b07fc4c4],
h3[data-v-b07fc4c4],
h4[data-v-b07fc4c4],
h5[data-v-b07fc4c4],
h6[data-v-b07fc4c4],
i[data-v-b07fc4c4],
b[data-v-b07fc4c4],
textarea[data-v-b07fc4c4],
button[data-v-b07fc4c4],
input[data-v-b07fc4c4],
select[data-v-b07fc4c4],
figure[data-v-b07fc4c4],
figcaption[data-v-b07fc4c4] {
  padding: 0;
  margin: 0;
  list-style: none;
  font-style: normal;
  text-decoration: none;
  border: none;
  box-sizing: border-box;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  font-family: -apple-system, "SF UI Text", "PingFangSC-Regular", "PingFang SC", Arial, "Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Micro Hei", "sans-serif";
  -webkit-tap-highlight-color: transparent;
  -webkit-font-smoothing: antialiased;
}
body[data-v-b07fc4c4]:focus,
  div[data-v-b07fc4c4]:focus,
  span[data-v-b07fc4c4]:focus,
  header[data-v-b07fc4c4]:focus,
  footer[data-v-b07fc4c4]:focus,
  nav[data-v-b07fc4c4]:focus,
  section[data-v-b07fc4c4]:focus,
  aside[data-v-b07fc4c4]:focus,
  article[data-v-b07fc4c4]:focus,
  ul[data-v-b07fc4c4]:focus,
  dl[data-v-b07fc4c4]:focus,
  dt[data-v-b07fc4c4]:focus,
  dd[data-v-b07fc4c4]:focus,
  li[data-v-b07fc4c4]:focus,
  a[data-v-b07fc4c4]:focus,
  p[data-v-b07fc4c4]:focus,
  pre[data-v-b07fc4c4]:focus,
  h1[data-v-b07fc4c4]:focus,
  h2[data-v-b07fc4c4]:focus,
  h3[data-v-b07fc4c4]:focus,
  h4[data-v-b07fc4c4]:focus,
  h5[data-v-b07fc4c4]:focus,
  h6[data-v-b07fc4c4]:focus,
  i[data-v-b07fc4c4]:focus,
  b[data-v-b07fc4c4]:focus,
  textarea[data-v-b07fc4c4]:focus,
  button[data-v-b07fc4c4]:focus,
  input[data-v-b07fc4c4]:focus,
  select[data-v-b07fc4c4]:focus,
  figure[data-v-b07fc4c4]:focus,
  figcaption[data-v-b07fc4c4]:focus {
    outline: none;
}
a[data-v-b07fc4c4],
li[data-v-b07fc4c4],
button[data-v-b07fc4c4] {
  cursor: pointer;
}
button[data-v-b07fc4c4] {
  outline: none;
}
.lf[data-v-b07fc4c4] {
  float: left;
}
.rt[data-v-b07fc4c4] {
  float: right;
}
.bg-grey[data-v-b07fc4c4] {
  background: #f4f6f8;
}
.bg-white[data-v-b07fc4c4] {
  background: #fff;
}
input[data-v-b07fc4c4], button[data-v-b07fc4c4], textarea[data-v-b07fc4c4] {
  outline: none;
}

/*
  样式规范表
*/
/**
 * Define Font Weight
 */
/**
 * Define Other
 */
.footer-component[data-v-b07fc4c4] {
  width: 100%;
  background: #114084;
}
.footer-component .container[data-v-b07fc4c4] {
    height: 40px;
    color: #ffffff;
    line-height: 20px;
    width: 1320px;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}

@charset "UTF-8";
/*重置页面的css样式*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}
body {
  line-height: 1;
}
ol, ul {
  list-style: none;
}
blockquote, q {
  quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
html, body {
  width: 100%;
  height: 100%;
  overflow-x: hidden;
  background: #F5F5F5 !important;
}
image {
  /*消除图片的默认间隙*/
  font-size: 0;
}
.index {
  background-color: #F5F5F5;
  padding-bottom: 100px;
}
.index-box {
    width: 1320px;
    margin: 0 auto;
    padding-top: 15px;
    padding-bottom: 17px;
}
.index .index-container {
    width: 1320px;
    background: #fff;
    border: 1px solid #F5F5F5;
    box-sizing: border-box;
    padding: 30px 30px 75px;
    margin: 0 auto;
}
.index .index-container .data-prompt {
      height: 40px;
      background: #FFFBE6;
      border-radius: 4px;
      border: 1px solid #FFE58F;
      display: flex;
      align-items: center;
      justify-content: space-between;
      padding: 0 16px;
      margin-bottom: 30px;
}
.index .index-container .data-prompt .prompt {
        display: flex;
        align-items: center;
}
.index .index-container .data-prompt .prompt i {
          width: 14px;
          line-height: 14px;
          font-size: 14px;
          color: #FAAD14;
}
.index .index-container .data-prompt .prompt span {
          margin-left: 8px;
          color: rgba(0, 0, 0, 0.65);
          line-height: 22px;
}
.index .index-container .data-prompt .close {
        width: 12px;
        line-height: 12px;
        font-size: 12px;
        color: rgba(0, 0, 0, 0.45);
        cursor: pointer;
}
.index .index-container .semester-bar {
      width: 100%;
      display: flex;
      align-items: center;
      justify-content: space-between;
}
.index .index-container .semester-bar .semester /deep/.el-select .el-input__inner {
        width: 306px;
        height: 32px;
        line-height: 32px;
        border-radius: 16px;
        border: 1px solid #D3D3D3;
}
.index .index-container .semester-bar .semester /deep/.el-select .el-input__suffix .el-input__suffix-inner .el-input__icon {
        line-height: 32px;
}
.index .index-container .semester-bar .project {
        display: flex;
}
.index .index-container .semester-bar .project div {
          width: 88px;
          height: 32px;
          box-sizing: border-box;
          line-height: 32px;
          border: 1px solid #2367B1;
          text-align: center;
          cursor: pointer;
}
.index .index-container .semester-bar .project div.left {
            border-radius: 69px 0 0 69px;
}
.index .index-container .semester-bar .project div.right {
            border-radius: 0 69px 69px 0;
}
.index .index-container .semester-bar .project div.active {
            background-color: #2367B1;
            color: #fff;
}
.index .index-container .gpa {
      margin-top: 43px;
      display: flex;
      justify-content: center;
      align-items: center;
}
.index .index-container .gpa .score {
        width: 300px;
        height: 120px;
        background: white;
        border: 1px solid #F5F5F5;
        border-radius: 2px;
        box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.1);
        display: flex;
        align-items: center;
        justify-content: center;
}
.index .index-container .gpa .score.right {
          margin-left: 60px;
}
.index .index-container .gpa .score.right img {
            background: #3FC1A7;
}
.index .index-container .gpa .score img {
          width: 60px;
          height: 60px;
          border-radius: 50%;
          background: #6381FC;
          display: block;
          margin-right: 38px;
}
.index .index-container .gpa .score .label {
          color: #333333;
}
.index .index-container .gpa .score .content {
          font-size: 26px;
          font-weight: 500;
          color: #333333;
          line-height: 37px;
          margin-bottom: 4px;
}
.index .index-container .grade-list /deep/.el-table {
      color: #333333;
}
.index .index-container .grade-list /deep/.el-table thead {
        color: #999999;
        font-size: 15px;
        line-height: 21px;
}
.index .index-container .grade-list /deep/.el-table thead th {
          padding: 11px 0;
}
.index .index-container .grade-list /deep/.el-table tbody td {
        padding: 38px 0 35px;
}
.index .index-container .grade-list /deep/.el-table tbody td .cell {
          font-size: 16px;
          color: #333333;
}
.index .index-container .grade-list h2 {
      font-size: 18px;
      color: #333333;
      font-weight: 500;
      text-align: center;
      margin: 52px 0 14px;
}
.index .index-container .grade-list .course-name {
      display: flex;
      align-items: center;
}
.index .index-container .grade-list .course-name .type {
        padding: 0px 9px;
        border-radius: 17px;
        border: 1px solid #6381FC;
        color: #6381FC;
        box-sizing: border-box;
        height: 26px;
        font-size: 14px;
        line-height: 26px;
        margin-right: 10px;
        flex-shrink: 0;
}
.index .index-container .grade-list .course-name .type.orange {
          border: 1px solid #FFB15C;
          color: #FFB15C;
}
.index .index-container .grade-list .course-name .type.blue {
          border: 1px solid #6381FC;
          color: #6381FC;
}
.index .index-container .grade-list .course-name .big-font {
        font-size: 18px;
        color: #333333;
        line-height: 25px;
}

.layout-wrap {
  overflow-x: hidden;
}
.layout-wrap .main-container {
    width: 100%;
    min-width: 1320px;
    font-size: 14px;
    color: #333;
    margin-left: auto;
    margin-right: auto;
}