@charset "UTF-8";
/**
 * @Author: liuyang
 * @Date: 2020-04-29
 * @LastEditors: liuyang
 * @LastEditTime: 2020-04-29
 * @Description: 头部样式
 */
.header-user-info[data-v-19c98e7a] {
  height: 34px;
  background: #eff2f5;
  padding-right: 8.3%;
}
.header-user-info > li[data-v-19c98e7a] {
  font-size: 14px;
  color: #656566;
  line-height: 18px;
  cursor: pointer;
}
.header-user-info > li + li[data-v-19c98e7a] {
  margin-left: 20px;
}
.header-user-info[data-v-19c98e7a] .role.el-popover__reference {
  margin: 0 20px;
  cursor: pointer;
}
.header-user-info .role[data-v-19c98e7a] {
  font-size: 14px;
  color: #656566;
  line-height: 18px;
  padding: 2px 7px;
  border: 0.5px solid #d3d3d3;
  border-radius: 20px;
}
.header-user-info .role > i[data-v-19c98e7a] {
  font-size: 8px;
  padding: 2px;
  border: 0.5px solid #656566;
  border-radius: 20px;
}
.header-main[data-v-19c98e7a] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 56px;
  padding: 0 8.3%;
}
[data-theme=white-theme] .header-main[data-v-19c98e7a] {
  background: #ffffff;
}
[data-theme=black-theme] .header-main[data-v-19c98e7a] {
  background: #24394a;
}
[data-theme=red-theme] .header-main[data-v-19c98e7a] {
  background: #e54e54;
}
.header-logo[data-v-19c98e7a] {
  height: 38px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.header-logo .title[data-v-19c98e7a] {
  font-size: 22px;
  color: #ffffff;
  display: inline-block;
  margin-left: 12px;
  border-left: 2px solid #fff;
  padding-left: 10px;
  line-height: 38px;
  font-family: fangsong;
  font-weight: 600;
}
.header-menu[data-v-19c98e7a] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow-x: auto;
}
.header-menu[data-v-19c98e7a]::-webkit-scrollbar {
  height: 0;
}
.header-menu__item[data-v-19c98e7a] {
  line-height: 56px;
  font-size: 16px;
  color: #fff;
  padding: 0 24px;
  cursor: pointer;
  white-space: nowrap;
}
[data-theme=red-theme] .header-menu__item.act[data-v-19c98e7a] {
  background-image: linear-gradient(171deg, #eb747b 0%, #e86065 100%);
}
[data-theme=red-theme] .header-menu__item[data-v-19c98e7a]:hover {
  background-image: linear-gradient(171deg, #eb747b 0%, #e86065 100%);
}
@media (max-width: 1350px) {
.header-main[data-v-19c98e7a] {
    height: 80px;
}
.header-menu[data-v-19c98e7a] {
    max-width: 630px;
    width: 630px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
}
.header-role-popover .role-item {
  padding: 0 10px;
  height: 36px;
  line-height: 36px;
  outline: none;
  color: #909399;
  cursor: pointer;
}
.header-role-popover .role-item:hover {
  color: #303133;
}
.sidebar[data-v-47dbe7b0] {
  position: relative;
  width: 220px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  background-color: #fff;
  -webkit-transition: width 0.3s;
  transition: width 0.3s;
}
.sidebar--collapse[data-v-47dbe7b0] {
  width: 64px;
}
.sidebar .el-scrollbar[data-v-47dbe7b0] {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.sidebar[data-v-47dbe7b0] .scrollbar-wrap {
  overflow-x: hidden !important;
}
.sidebar[data-v-47dbe7b0] .el-menu-item,
.sidebar[data-v-47dbe7b0] .el-submenu > .el-submenu__title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  overflow: hidden;
}
.sidebar[data-v-47dbe7b0] .el-menu-item span,
.sidebar[data-v-47dbe7b0] .el-submenu > .el-submenu__title span {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  opacity: 1;
  -webkit-transition: opacity 3s;
  transition: opacity 3s;
  font-size: 16px;
}
.sidebar[data-v-47dbe7b0] .el-menu-item i,
.sidebar[data-v-47dbe7b0] .el-submenu > .el-submenu__title i {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.sidebar[data-v-47dbe7b0] .el-menu-item.is-active {
  position: relative;
  background-color: #fff;
  font-weight: 600;
}
.sidebar[data-v-47dbe7b0] .el-menu-item.is-active::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 4px;
  background-color: #092f66;
}
.sidebar .el-menu[data-v-47dbe7b0] {
  border-width: 0;
}
.sidebar .collapse-wrap[data-v-47dbe7b0] {
  position: absolute;
  width: 15px;
  top: 15%;
  right: -15px;
  height: 100px;
  line-height: 100px;
  clip-path: polygon(0 0, 100% 15px, 100% calc(100% - 15px), 0 100%);
  background-color: #fff;
  opacity: 0.5;
  text-align: center;
  cursor: pointer;
}
.sidebar .collapse-wrap[data-v-47dbe7b0]:hover {
  opacity: 1;
}
.sidebar--collapse[data-v-47dbe7b0] .el-menu-item span,
.sidebar--collapse[data-v-47dbe7b0] .el-submenu > .el-submenu__title span {
  width: 0;
  height: 0;
  overflow: hidden;
  visibility: hidden;
  opacity: 0;
  display: inline-block;
}
.sidebar--collapse[data-v-47dbe7b0] .el-menu-item .el-submenu__icon-arrow,
.sidebar--collapse[data-v-47dbe7b0] .el-submenu .el-submenu__title .el-submenu__icon-arrow {
  display: none;
}
@charset "UTF-8";
/* 菜单收缩后的样式 */
.el-menu--vertical.menu-popper .el-menu--popup-right-start .nest-menu .el-submenu > .el-submenu__title:hover,
.el-menu--vertical.menu-popper .el-menu--popup-right-start .el-menu-item:hover {
  background-color: #ecf5ff !important;
}
.menu-popper .el-dropdown-menu__item,
.menu-popper .el-menu-item {
  font-size: 16px;
}
@charset "UTF-8";
.customer-service__toolkit[data-v-7515804c] {
  position: fixed;
  width: 88px;
  height: 88px;
  z-index: 999;
  background: url(../../static/img/icon_customer_service.f1b4909a.png) no-repeat center;
  background-size: cover;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  -webkit-transition: top 0.3s ease-in-out, left 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
  transition: top 0.3s ease-in-out, left 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out, top 0.3s ease-in-out, left 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out, top 0.3s ease-in-out, left 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
}
.customer-service__dialog[data-v-7515804c] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  position: fixed;
  right: 80px;
  bottom: 80px;
  width: 360px;
  height: 425px;
  z-index: 1000;
  background: rgba(239, 239, 239, 0.6);
  border: 3px solid #ffffff;
  -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.21);
          box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.21);
  border-radius: 8px;
}
.customer-service__dialog[data-v-7515804c]::before {
  /* 毛玻璃效果 */
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  backdrop-filter: blur(4px);
  z-index: -1;
}
.customer-service__dialog .title[data-v-7515804c] {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 44px;
  line-height: 44px;
  padding: 0 14px;
  font-size: 16px;
  color: #fff;
  background-image: linear-gradient(169deg, #225ccf 0%, #092f66 100%);
  border-radius: 8px 8px 0 0;
}
.customer-service__dialog .title .el-icon-close[data-v-7515804c] {
  cursor: pointer;
  padding: 4px;
}
.customer-service__dialog .input-box[data-v-7515804c] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 10px 16px;
  background-color: #fff;
}
.customer-service__dialog .input-box .send-btn[data-v-7515804c] {
  margin-left: 16px;
  text-align: center;
  cursor: pointer;
}
.customer-service__dialog .input-box .send-btn > img[data-v-7515804c] {
  width: 28px;
  height: 28px;
}
.customer-service__dialog .dialog-item[data-v-7515804c] {
  padding: 0 20px;
  margin-top: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.customer-service__dialog .dialog-item[data-v-7515804c]:last-child {
  margin-bottom: 20px;
}
.customer-service__dialog .dialog-item__avatar[data-v-7515804c] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 14px;
  color: #656566;
  margin-bottom: 12px;
}
.customer-service__dialog .dialog-item__avatar > img[data-v-7515804c],
.customer-service__dialog .dialog-item__avatar > svg[data-v-7515804c] {
  width: 24px;
  height: 24px;
}
.customer-service__dialog .dialog-item__avatar > div[data-v-7515804c] {
  margin: 0 8px;
}
.customer-service__dialog .dialog-item--user[data-v-7515804c] {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
.customer-service__dialog .dialog-item--user .dialog-item__avatar[data-v-7515804c] {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}
.customer-service__dialog .dialog-item__content[data-v-7515804c] {
  padding: 12px 14px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  background: #ffffff;
  border-radius: 8px;
  font-size: 12px;
  color: #656566;
  margin: 0 32px;
}
.customer-service__dialog .shortcut-menu[data-v-7515804c] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 10px;
  overflow: hidden;
}
.customer-service__dialog .shortcut-menu__item[data-v-7515804c] {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  padding: 5px 10px;
  background: #fff;
  border-radius: 999px;
  font-size: 12px;
  color: #353637;
  margin: 0 5px;
  max-width: 88px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  cursor: pointer;
}

#app .customer-service__dialog .input-box .el-input__inner {
  background: #f5f6f7;
  border-radius: 16px;
  border-width: 0;
}

.layout[data-v-13877386] {
  height: 100%;
  width: 100%;
}