#dyCti-wrap {
  background-color: #fff;
  box-shadow: 0 0 0 4px rgba(103, 194, 58, 0.2);
  border: 2px #67c23a solid;
  border-radius: 4px;
  height: 480px;
  padding: 4px;
  position: fixed;
  right: 20px;
  bottom: 20px;
  width: 320px;
  transition: all 0.3s ease;
  transform: translateX(340px);
  z-index: 9999;
}
#dyCti-wrap .handle {
    background-color: #67c23a;
    background-image: url("/images/dy-icon.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 60%;
    border-radius: 4px 0 0 4px;
    cursor: pointer;
    height: 40px;
    left: -40px;
    bottom: 128px;
    position: absolute;
    text-align: center;
    width: 40px;
}
#dyCti-wrap #dyCti {
    height: 100%;
    width: 100%;
}
#dyCti-wrap.active {
    transform: translateX(0);
}

.main[data-v-269c9956] {
  background-color: #eeeff1;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  position: absolute;
}
.denug-banner[data-v-269c9956] {
  background-color: #999;
  color: #fff;
  border-radius: 3px;
  font-size: 12px;
  font-weight: bold;
  line-height: 16px;
  left: 0;
  top: 0;
  padding: 0 4px;
  position: fixed;
  transform: scale(0.7) translateY(7px);
  z-index: 99999;
}
.sidebar[data-v-269c9956] {
  background-color: #fff;
  border-right: 1px rgba(62, 60, 77, 0.1) solid;
  overflow: hidden;
  position: relative;
  z-index: 3;
}
.sidebar .logo[data-v-269c9956] {
    border-bottom: 1px rgba(62, 60, 77, 0.1) solid;
    padding-bottom: 10px;
    overflow: hidden;
    position: relative;
}
.sidebar .logo a[data-v-269c9956] {
      display: block;
}
.sidebar .logo span[data-v-269c9956] {
      background: url("/images/ico-base.png") no-repeat center;
      background-size: auto 100%;
      box-sizing: content-box;
      display: block;
      font-size: 0;
      height: 34px;
      margin: 10px 0 0;
      position: relative;
      z-index: 2;
}
.sidebar .logo.toggled[data-v-269c9956]::after {
      left: 16px;
}
.sidebar .logo.toggled span[data-v-269c9956] {
      width: 32px;
}
.sidebar .logo .platform-name[data-v-269c9956] {
      display: block;
      font-size: 14px;
      text-align: center;
}
.header[data-v-269c9956] {
  align-items: center;
  background-color: white;
  border-bottom: 1px rgba(62, 60, 77, 0.1) solid;
  display: flex;
  height: 44px;
  justify-content: space-between;
  padding: 0 8px;
  position: relative;
  z-index: 2;
}
.header > .start[data-v-269c9956],
  .header > .end[data-v-269c9956] {
    align-items: center;
    display: flex;
    position: relative;
}
.header > .start[data-v-269c9956] {
    flex: 1;
}
.header .icon[data-v-269c9956] {
    align-items: center;
    display: flex;
    justify-content: center;
    height: 32px;
    width: 32px;
}
.header .icon i[data-v-269c9956] {
      color: #378FFF;
      font-size: 24px;
}
.header .title[data-v-269c9956] {
    font-size: 16px;
    line-height: 32px;
    padding: 0 8px;
}
.header .breadcrumb-wrap[data-v-269c9956] {
    padding: 0 16px;
}
.header .breadcrumb-wrap[data-v-269c9956] .el-breadcrumb {
      font-size: 12px;
}
.header .options[data-v-269c9956] {
    align-items: center;
    display: flex;
    padding: 0 20px;
    position: relative;
}
.header .options .split[data-v-269c9956] {
      border-right: 1px #e9ecf7 solid;
      height: 16px;
      padding: 0;
      width: 0 !important;
}
.header .options[data-v-269c9956] .handle {
      color: #a8a5bf;
      cursor: pointer;
      display: block;
      font-size: 20px;
      height: 32px;
      line-height: 32px;
      text-align: center;
      transition: all 0.3s ease;
      width: 32px;
}
.header .options[data-v-269c9956] .handle:hover {
        color: #3e3c4d;
}
.header .user-base[data-v-269c9956] {
    align-items: center;
    display: flex;
    justify-content: flex-end;
    height: 40px;
}
.header .user-base .info[data-v-269c9956] {
      align-items: center;
      display: flex;
      cursor: default;
      padding: 0 8px;
      text-align: right;
}
.header .user-base .info .welcome[data-v-269c9956] {
        align-items: center;
        display: flex;
        justify-content: flex-end;
        font-size: 12px;
        line-height: 24px;
}
.header .user-base .info .welcome b[data-v-269c9956] {
          display: inline-block;
          overflow: hidden;
          max-width: 200px;
          text-overflow: ellipsis;
          white-space: nowrap;
}
.header .user-base .info .role[data-v-269c9956] {
        color: rgba(123, 124, 132, 0.5);
        font-size: 0.8rem;
        line-height: 20px;
        transform: scale(0.8);
        margin-right: 10px;
}
.header .user-base .avatar[data-v-269c9956] {
      cursor: pointer;
      display: block;
      height: 24px;
      position: relative;
      width: 24px;
}
.header .user-base .avatar .inner[data-v-269c9956] {
        align-items: center;
        background-color: #378FFF;
        border-radius: 50%;
        display: flex;
        justify-content: center;
        overflow: hidden;
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        top: 0;
}
.header .user-base .avatar .inner img[data-v-269c9956] {
          width: 100%;
}
.header .user-base .avatar .icon[data-v-269c9956],
      .header .user-base .avatar .sc-icon[data-v-269c9956] {
        color: white;
        font-size: 16px;
        height: 32px;
        line-height: 32px;
        text-align: center;
        width: 32px;
}
.header .user-base .avatar-wrap[data-v-269c9956] {
      align-items: center;
      display: flex;
}
.header .user-base .action-handle[data-v-269c9956] {
      cursor: pointer;
      display: block;
      font-size: 20px;
      height: 32px;
      line-height: 32px;
      margin-left: 10px;
      text-align: center;
      transition: all 0.3s ease;
      width: 32px;
}
.body[data-v-269c9956] {
  scroll-behavior: smooth;
  padding: 10px;
  position: relative;
  z-index: 1;
}
.footer[data-v-269c9956] {
  margin-top: 20px;
  position: relative;
}
.footer .links[data-v-269c9956] {
    align-items: center;
    display: flex;
    justify-content: center;
}
.footer .links a[data-v-269c9956] {
      color: #9b9ca8;
      display: block;
      font-size: 1rem;
      line-height: 32px;
      margin: 8px;
      text-decoration: none;
      padding: 0 8px;
}
.footer .copyright[data-v-269c9956] {
    color: #7b7c84;
    font-size: 0.8rem;
    line-height: 20px;
    padding: 20px;
    text-align: center;
}
.footer .copyright a[data-v-269c9956] {
      color: #62b9b2;
      padding: 0;
      text-decoration: underline;
}
@media screen and (max-width: 1140px) {
.header .title[data-v-269c9956] {
    font-size: 1.1rem;
}
.header .breadcrumb-wrap[data-v-269c9956] {
    display: none;
}
}
@media screen and (max-width: 820px) {
.header .title[data-v-269c9956] {
    display: none;
}
}