.footer-wrap[data-v-5841ea1b] {
  width: 100%;
  background-color: #00ba86;
}
.footer-box[data-v-5841ea1b] {
  height: 48px;
  margin: 0 auto;
  display: flex;
  justify-content: center;
  align-items: center;
}
.footer-info[data-v-5841ea1b] {
  display: flex;
  justify-content: space-between;
  height: 48px;
  line-height: 48px;
  width: 14%;
  color: #888a8f;
  font-size: 13px;
}
.footer-info .footer-logo[data-v-5841ea1b] {
  width: 50px;
  height: 50px;
  border-radius: 50%;
}
.footer-text[data-v-5841ea1b] {
  padding: 10px;
  text-align: center;
  color: #fff;
}
.footer-text a[data-v-5841ea1b] {
  color: #fff;
}
@media screen and (min-device-pixel-ratio: 1.1) and (max-device-pixel-ratio: 1.19), (-webkit-min-device-pixel-ratio: 1.1) and (-webkit-max-device-pixel-ratio: 1.19), (min-resolution: 1.1dppx) and (max-resolution: 1.19dppx) {
.footer-box[data-v-5841ea1b] {
    height: 43.6px;
    line-height: 43.6px;
}
.footer-text[data-v-5841ea1b] {
    font-size: 13px;
}
}
@media screen and (min-device-pixel-ratio: 1.19) and (max-device-pixel-ratio: 1.28), (-webkit-min-device-pixel-ratio: 1.19) and (-webkit-max-device-pixel-ratio: 1.28), (min-resolution: 1.19dppx) and (max-resolution: 1.28dppx) {
.footer-box[data-v-5841ea1b] {
    height: 38.4px;
    line-height: 38.4px;
}
.footer-text[data-v-5841ea1b] {
    font-size: 12px;
}
}

.flex[data-v-a48c23fa] {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.team-center-header[data-v-a48c23fa] {
  width: 100%;
  height: 60px;
  background-color: #00ba86;
}
.el-dropdown[data-v-a48c23fa] {
  margin-right: 2%;
  color: #606266;
  font-size: 14px;
}
.user-name[data-v-a48c23fa] {
  color: #fff;
  cursor: pointer;
}
.learning-logo[data-v-a48c23fa] {
  margin-left: 2%;
  max-width: 350px;
  height: auto;
  display: flex;
  align-items: center;
  cursor: pointer;
}
.defaultAvatar[data-v-a48c23fa] {
  display: inline-block;
  width: 48px;
  height: 48px;
  padding: 3px;
  border-radius: 50%;
  margin-left: 10px;
  cursor: pointer;
}

.line[data-v-1dd20456] {
  display: flex;
  align-items: center;
  justify-content: start;
  font-size: 1.6rem;
  padding: 0rem 6.75rem 0rem 10.5rem;
}
.team-center-page[data-v-1dd20456] {
  width: 100%;
  height: 100vh;
  display: flex;
  align-items: center;
  flex-direction: column;
  background-color: #f6f3f7;
  justify-content: space-between;
  font-family: 'PingFang SC-Regular';
}
.team-center-page .team-center-area[data-v-1dd20456] {
  width: 80%;
  height: 80%;
  max-width: 1104px;
  max-height: 844px;
  position: relative;
  border-radius: 1rem;
  background-color: #ffffff;
  box-shadow: 0.6rem 0.6em 1.4rem 0.2rem rgba(0, 0, 0, 0.1);
}
.team-center-page .team-center-area .team-center-title[data-v-1dd20456] {
  padding: 1.4rem 0rem;
  text-align: center;
  font-size: 1.75rem;
  font-weight: 400;
  border-bottom: 1px solid #f6f3f7;
}
.team-center-page .team-center-area .team-name-line[data-v-1dd20456] {
  margin-top: 3.125em;
  font-size: 1.125rem;
}
.team-center-page .team-center-area .team-name-line .team-name-tips[data-v-1dd20456] {
  width: 20%;
  max-width: 72px;
  color: #bcbcbc;
  font-weight: 500;
}
.team-center-page .team-center-area .team-name-line .team-name-content[data-v-1dd20456] {
  margin-left: 3.125rem;
}
.team-center-page .team-center-area .guide-teacher-line[data-v-1dd20456] {
  height: 2.5rem;
  margin-top: 3.125em;
  font-size: 1.125rem;
}
.team-center-page .team-center-area .guide-teacher-line .guide-teacher-tips[data-v-1dd20456] {
  color: #bcbcbc;
  width: 20%;
  max-width: 72px;
  font-weight: 500;
}
.team-center-page .team-center-area .guide-teacher-line .guide-teacher-content[data-v-1dd20456] {
  flex: 1;
  margin-left: 3.125rem;
}
.team-center-page .team-center-area .guide-teacher-line .guide-teacher-content .guide-teacher-name[data-v-1dd20456] {
  height: 100%;
  width: 100%;
}
.team-center-page .team-center-area .guide-teacher-line .guide-teacher-content .guide-teacher-input[data-v-1dd20456] {
  height: 2.5rem;
  max-width: 155px;
}
.team-center-page .team-center-area .guide-teacher-line .guide-teacher-button[data-v-1dd20456] {
  color: #ffffff;
  text-align: center;
  cursor: pointer;
}
.team-center-page .team-center-area .guide-teacher-line .guide-teacher-button .guide-teacher-change[data-v-1dd20456] {
  padding: 0.5rem 1.1875rem;
  border-radius: 0.2rem;
  background-color: #00b389;
}
.team-center-page .team-center-area .guide-teacher-line .guide-teacher-button .guide-teacher-submit[data-v-1dd20456] {
  padding: 0.5rem 1.1875rem;
  border-radius: 0.2rem;
  background-color: #ffa600;
}
.team-center-page .team-center-area .team-info-line[data-v-1dd20456] {
  display: flex;
  flex-direction: column;
  font-size: 1.6rem;
  font-size: 1.125rem;
  padding: 0rem 6.75rem 0rem 10.5rem;
}
.team-center-page .team-center-area .team-info-line .team-leader[data-v-1dd20456] {
  display: flex;
  align-items: center;
  margin-top: 3.125em;
  padding-bottom: 1rem;
}
.team-center-page .team-center-area .team-info-line .team-leader .team-leader-tips[data-v-1dd20456] {
  color: #bcbcbc;
  width: 20%;
  max-width: 72px;
  font-weight: 500;
}
.team-center-page .team-center-area .team-info-line .team-leader .team-leader-name[data-v-1dd20456] {
  margin-left: 3.125rem;
  width: 12%;
}
.team-center-page .team-center-area .team-info-line .team-leader .team-leader-icon[data-v-1dd20456] {
  color: #ffffff;
  font-size: 0.875rem;
  background-color: #f2a93c;
  padding: 0.25rem 0.5rem;
  border-radius: 0.2rem;
}
.team-center-page .team-center-area .team-info-line .team-member[data-v-1dd20456] {
  display: flex;
  align-items: center;
  padding: 1rem 0rem;
}
.team-center-page .team-center-area .team-info-line .team-member .team-member-space[data-v-1dd20456] {
  color: #bcbcbc;
  width: 20%;
  max-width: 72px;
  font-weight: 500;
}
.team-center-page .team-center-area .team-info-line .team-member .team-member-name[data-v-1dd20456] {
  width: 12%;
  margin-left: 3.125rem;
}
.team-center-page .team-center-area .team-info-line .team-member .team-member-icon[data-v-1dd20456] {
  color: #ffffff;
  font-size: 0.75rem;
  padding: 0.25rem 0.5rem;
  background-color: #00b389;
  border-radius: 0.2rem;
}
.team-center-page .team-center-area .invite-member[data-v-1dd20456] {
  margin-top: 3.125em;
  font-size: 1.125rem;
}
.team-center-page .team-center-area .invite-member .invite-member-tips[data-v-1dd20456] {
  width: 20%;
  max-width: 72px;
  color: #bcbcbc;
  font-weight: 500;
}
.team-center-page .team-center-area .invite-member .invite-member-button[data-v-1dd20456] {
  color: #ffffff;
  text-align: center;
  cursor: pointer;
  margin-left: 3.125rem;
  padding: 0.5rem 0.75rem;
  border-radius: 0.2rem;
  background-color: #f2a93c;
}
.team-center-page .team-center-area .go-back[data-v-1dd20456] {
  position: absolute;
  bottom: 2.625rem;
  right: 6rem;
  justify-content: flex-end;
  margin-bottom: 2rem;
  color: #ffffff;
  text-align: center;
  background-color: #f2a93c;
  cursor: pointer;
  border-radius: 0.2rem;
  font-size: 1.125rem;
  padding: 0.5rem 2rem;
}
.team-info-able .team-info-leader-tips[data-v-1dd20456] {
  color: #bcbcbc;
  width: 15%;
}