/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-32.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-32.use[2]!./node_modules/less-loader/dist/cjs.js??clonedRuleSet-32.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/Layout/Mymenu.vue?vue&type=style&index=0&id=ee94def2&lang=less&scoped=true ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.alex[data-v-ee94def2] {
  position: relative;
  opacity: 1;
  border-radius: 4px;
  background: #ffffff;
  border: 1px solid #ffffff;
  overflow: hidden;
  overflow-y: auto;
  padding: 0 25px;
  height: calc(100vh - 100px);
  /* 滚动条样式 */
}
.alex .title-style[data-v-ee94def2] {
  width: 100%;
  display: flex;
  align-items: center;
  color: #626262;
}
.alex .el-menu[data-v-ee94def2] {
  overflow-x: hidden;
  border-right: none;
  /* 所有菜单项（包括一级和二级）的基础样式 */
  /* 仪表盘（一级菜单项）的hover和选中样式 */
  /* 二级菜单的第一层（父菜单项）去掉所有颜色 */
}
.alex .el-menu .icons[data-v-ee94def2] {
  width: 18px;
  height: 18px;
  margin-right: 10px;
}
.alex .el-menu .el-menu-item[data-v-ee94def2] {
  border-radius: 20px;
  color: #626262;
}
.alex .el-menu .el-menu-item[data-v-ee94def2]:not(.el-sub-menu .el-menu-item) {
  margin-top: 15px;
}
.alex .el-menu .el-menu-item[data-v-ee94def2]:not(.el-sub-menu .el-menu-item):hover {
  background-color: #40D4A0 !important;
  color: #FFFFFF !important;
}
.alex .el-menu .el-menu-item:not(.el-sub-menu .el-menu-item).is-active[data-v-ee94def2] {
  background-color: #40D4A0 !important;
  color: #FFFFFF !important;
}
.alex .el-menu .el-sub-menu[data-v-ee94def2] {
  /* 父菜单标题的hover效果 */
  /* 父菜单标题的激活状态 */
  /* 二级菜单子项（真正的二级菜单） */
}
.alex .el-menu .el-sub-menu[data-v-ee94def2] .el-sub-menu__title {
  border-radius: 20px;
  color: #626262;
}
.alex .el-menu .el-sub-menu[data-v-ee94def2] .el-sub-menu__title:hover {
  background-color: transparent !important;
}
.alex .el-menu .el-sub-menu.is-active[data-v-ee94def2] .el-sub-menu__title {
  color: #9c9c9c !important;
}
.alex .el-menu .el-sub-menu.is-active[data-v-ee94def2] .el-sub-menu__title span {
  color: #626262 !important;
}
.alex .el-menu .el-sub-menu .el-menu-item[data-v-ee94def2] {
  margin-bottom: 15px;
}
.alex .el-menu .el-sub-menu .el-menu-item[data-v-ee94def2]:hover {
  background-color: #FFFFFF !important;
  color: #40D4A0 !important;
}
.alex .el-menu .el-sub-menu .el-menu-item.is-active[data-v-ee94def2] {
  background-color: #FFFFFF !important;
  color: #40D4A0 !important;
}
.alex[data-v-ee94def2] .el-sub-menu.is-active .el-sub-menu__title {
  background-color: #40D4A0 !important;
  border-radius: 20px !important;
}
.alex .el-menu .el-sub-menu.is-active[data-v-ee94def2] .el-sub-menu__title span[data-v-ee94def2] {
  color: #FFFFFF !important;
}

/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-32.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-32.use[2]!./node_modules/less-loader/dist/cjs.js??clonedRuleSet-32.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/Layout/Content.vue?vue&type=style&index=0&id=0f563ea6&lang=less&scoped=true ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.content[data-v-0f563ea6] {
  background: #ffffff;
}

/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-32.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-32.use[2]!./node_modules/less-loader/dist/cjs.js??clonedRuleSet-32.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/Layout/index.vue?vue&type=style&index=0&id=3d6890b4&lang=less&scoped=true ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.el-header[data-v-3d6890b4] {
  position: relative;
  width: 100%;
  margin: 0 auto;
  background: #ffffff;
  height: 60px;
}
.el-header .headerTitle[data-v-3d6890b4] {
  display: flex;
  justify-content: left;
}
.el-header .headerTitle h2[data-v-3d6890b4] {
  margin-top: 17px;
  height: 60px;
}
[data-v-3d6890b4] .el-dropdown {
  color: currentColor !important;
}
.vaw-avatar-container[data-v-3d6890b4] {
  display: flex;
  justify-content: flex-end;
  margin-top: 7px;
  margin-right: 20px;
}
.vaw-avatar-container .user-respects[data-v-3d6890b4] {
  position: relative;
  top: 10px;
  right: 10px;
}
.vaw-avatar-container .nick-name[data-v-3d6890b4] {
  width: 100px;
  margin-left: 5px;
  display: flex;
  flex-wrap: wrap;
  height: 40px;
  align-items: anchor-center;
}
.vaw-avatar-container .nick-name .name[data-v-3d6890b4] {
  width: 100px;
  padding-right: 5px;
  font-size: 12px;
  color: #333333;
}
.vaw-avatar-container .nick-name .name.has-dot[data-v-3d6890b4] {
  padding-right: 10px;
}
.vaw-avatar-container .nick-name[data-v-3d6890b4] .el-badge .is-dot {
  width: 10px;
  height: 10px;
  border: 1px solid #eee;
  background-color: #e66486;
  right: 12px;
}
.vaw-avatar-container .action-wrapper[data-v-3d6890b4] {
  display: flex;
  align-items: center;
}
.vaw-avatar-container .action-wrapper .avatar[data-v-3d6890b4] {
  width: 41px;
  height: 41px;
  display: flex;
  align-items: center;
  border: 1px solid var(--el-color-primary-light-7);
  border-radius: 50%;
}
.vaw-avatar-container .action-wrapper .avatar > img[data-v-3d6890b4] {
  border: 1px solid #f6f6f6;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 50%;
}
.vaw-avatar-container[data-v-3d6890b4]:hover {
  cursor: pointer;
}
.main-container .content[data-v-3d6890b4] {
  min-height: 90vh;
  max-height: 90vh;
  overflow-x: hidden;
  overflow-y: hidden;
  background-color: #f8fafc !important;
}
.icon1[data-v-3d6890b4] {
  position: absolute;
  left: 0;
  top: 0;
  width: 256px;
  height: 100px;
  border-bottom: 1px solid #f0f0f0;
  position: relative;
  background-color: #ffffff;
}
.icon1 .imagge[data-v-3d6890b4] {
  position: absolute;
  left: 35.8px;
  top: 33px;
  width: 116px;
  height: 33px;
}

/*!********************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-12.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-12.use[2]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/App.vue?vue&type=style&index=0&id=7ba5bd90&lang=css ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************/

* {
  padding: 0;
  margin: 0;
}
html,
body,
#app {
  width: 100%;
  height: 100%;
  background: rgba(246, 246, 246, 1);
}

/*!*****************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-24.use[1]!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-24.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-24.use[3]!./src/styles/css-animi.scss ***!
  \*****************************************************************************************************************************************************************************************************************************************/
.pillars-1::before {
  left: -8px;
  position: absolute;
  content: "";
  background-color: rgb(24, 144, 255);
  transition: transform 0.5s ease 0s;
  top: 0px;
  bottom: 0px;
  width: 2px;
  transform: scaleY(0);
  transform-origin: top;
}

.pillars-1:hover::after,
.pillars-1:hover::before {
  transform: scaleY(1);
  transition: transform 0.5s ease 0s;
}

.pillars-1::after {
  right: -8px;
  position: absolute;
  content: "";
  background-color: rgb(24, 144, 255);
  transition: transform 0.5s ease 0s;
  top: 0px;
  bottom: 0px;
  width: 2px;
  transform: scaleY(0);
  transform-origin: top;
}

.pillars-2::before {
  top: -8px;
  position: absolute;
  content: "";
  background-color: rgb(24, 144, 255);
  transition: transform 0.5s ease 0s;
  left: 0px;
  right: 0px;
  height: 2px;
  transform: scaleX(0);
  transform-origin: left;
}

.pillars-2:hover::after,
.pillars-2:hover::before {
  transform: scaleX(1);
  transition: transform 0.5s ease 0s;
}

.pillars-2::after {
  bottom: -8px;
  position: absolute;
  content: "";
  background-color: rgb(24, 144, 255);
  transition: transform 0.5s ease 0s;
  left: 0px;
  right: 0px;
  height: 2px;
  transform: scaleX(0);
  transform-origin: left;
}

.pillars-3::before {
  left: -8px;
  position: absolute;
  content: "";
  background-color: rgb(24, 144, 255);
  transition: transform 0.5s ease 0s;
  top: 0px;
  bottom: 0px;
  width: 2px;
  transform: scaleY(0);
  transform-origin: top;
}

.pillars-3:hover::after,
.pillars-3:hover::before {
  transform: scaleY(1);
  transition: transform 0.5s ease 0s;
}

.pillars-3::after {
  right: -8px;
  position: absolute;
  content: "";
  background-color: rgb(24, 144, 255);
  transition: transform 0.5s ease 0s;
  top: 0px;
  bottom: 0px;
  width: 2px;
  transform: scaleY(0);
  transform-origin: top;
  transform-origin: bottom;
}

.strike-through::before {
  position: absolute;
  content: "";
  background-color: rgb(24, 144, 255);
  transition: transform 0.5s ease 0s;
  height: 2px;
  top: 50%;
  left: 0;
  right: 0;
  transform: scaleX(0);
  transform-origin: left;
}

.strike-through:hover::before {
  transform: scaleX(1);
  transition: transform 0.5s ease 0s;
}

.under-line-1::before {
  position: absolute;
  content: "";
  background-color: rgb(24, 144, 255);
  transition: transform 0.5s ease 0s;
  height: 2px;
  left: 0;
  right: 0;
  bottom: 0;
  transform: scaleX(0);
  transform-origin: left;
}

.under-line-2::before {
  position: absolute;
  content: "";
  background-color: rgb(24, 144, 255);
  transition: transform 0.5s ease 0s;
  height: 2px;
  left: 0;
  right: 0;
  bottom: 0;
  transform: scaleX(1);
  transform-origin: left;
}

.under-line-2:hover::before {
  transform: scaleX(0);
  transition: transform 0.5s ease 0s;
}

.under-line-3::before {
  position: absolute;
  content: "";
  background-color: rgb(24, 144, 255);
  transition: transform 0.5s ease 0s;
  height: 2px;
  left: 0;
  right: 0;
  bottom: 0;
  transform: scaleX(0);
  transform-origin: center;
}

.under-line-1:hover::before, .under-line-3:hover::before {
  transform: scaleX(1);
  transition: transform 0.5s ease 0s;
}

.over-line-1::before {
  position: absolute;
  content: "";
  background-color: rgb(24, 144, 255);
  transition: transform 0.5s ease 0s;
  height: 2px;
  left: 0;
  right: 0;
  top: 0;
  transform: scaleX(0);
  transform-origin: center;
}

.over-line-1:hover::before {
  transform: scaleX(1);
  transition: transform 0.5s ease 0s;
}

.over-line-2::before {
  position: absolute;
  content: "";
  background-color: rgb(24, 144, 255);
  transition: transform 0.5s ease 0s;
  height: 2px;
  left: 0;
  right: 0;
  top: 0;
  transform: scaleX(0);
  transform-origin: left;
}

.over-line-2:hover::before {
  transform: scaleX(1);
  transition: transform 0.5s ease 0s;
}

.highlight-1::before {
  position: absolute;
  content: "";
  background-color: rgb(24, 144, 255);
  transition: transform 0.5s ease 0s;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  transform: scaleX(0);
  transform-origin: right;
  z-index: -1;
}

.highlight-1:hover::before {
  transform: scaleX(1);
  transition: transform 0.5s ease 0s;
  transform-origin: left;
}

.highlight-2::before {
  position: absolute;
  content: "";
  background-color: rgb(24, 144, 255);
  transition: transform 0.5s ease 0s;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  transform: scaleY(0.1);
  transform-origin: bottom;
  z-index: -1;
}

.highlight-2:hover::before {
  transform: scaleY(1);
  transition: transform 0.5s ease 0s;
}

.bubble-1::before {
  position: absolute;
  z-index: -1;
  width: 1em;
  height: 1em;
  content: "";
  background-color: #1890ff;
  border-radius: 50%;
  transition: transform 0.45s ease-in-out;
  transform: translate3d(-50%, -50%, 0) scale3d(0, 0, 0);
  transform-origin: center;
  top: 100%;
  left: 100%;
}

.bubble-2::before {
  position: absolute;
  z-index: -1;
  width: 1em;
  height: 1em;
  content: "";
  background-color: #1890ff;
  border-radius: 50%;
  transition: transform 0.45s ease-in-out;
  transform: translate3d(-50%, -50%, 0) scale3d(0, 0, 0);
  transform-origin: center;
  top: 100%;
  right: 100%;
}

.bubble-3::before {
  position: absolute;
  z-index: -1;
  width: 1em;
  height: 1em;
  content: "";
  background-color: #1890ff;
  border-radius: 50%;
  transition: transform 0.45s ease-in-out;
  transform: translate3d(-50%, -50%, 0) scale3d(0, 0, 0);
  transform-origin: center;
  right: 100%;
  bottom: 100%;
}

.bubble-4::before {
  position: absolute;
  z-index: -1;
  width: 1em;
  height: 1em;
  content: "";
  background-color: #1890ff;
  border-radius: 50%;
  transition: transform 0.45s ease-in-out;
  transform: translate3d(-50%, -50%, 0) scale3d(0, 0, 0);
  transform-origin: center;
  left: 100%;
  bottom: 100%;
}

.bubble-4:hover::before, .bubble-3:hover::before, .bubble-2:hover::before, .bubble-1:hover::before {
  transition: transform 0.45s ease-in-out;
  transform: translate3d(-50%, -50%, 0) scale3d(15, 15, 15);
  transform-origin: center;
}
/*!********************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-24.use[1]!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-24.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-24.use[3]!./src/styles/global.style.scss ***!
  \********************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/* 全局的样式配置 */
p {
  margin: 0;
  padding: 0;
}

.p-0,
.p0 {
  padding: 0 !important;
}

.h100 {
  height: 100%;
}

.default-theme {
  position: relative;
}

.table-footer {
  display: flex;
  align-items: center;
  justify-content: right;
  flex-flow: row;
  font-size: initial;
  margin-right: 32px;
  overflow-x: auto;
}
.table-footer .el-input__wrapper {
  flex-grow: 1 !important;
  height: 25px !important;
  font-size: 15px !important;
}

.tox-statusbar__branding,
.tox-notifications-container {
  display: none;
}

.el-overlay-dialog .custom-class-name {
  margin-top: 50px !important;
  margin-bottom: 50px !important;
  max-height: calc(100% - 100px);
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
.el-overlay-dialog .custom-class-name .el-dialog__body {
  flex: auto;
  overflow: auto;
}

.scrollbar-y::-webkit-scrollbar-track {
  background: #ffffff !important; /* 调整滚动条轨道的颜色 */
}

.scrollbar-y::-webkit-scrollbar-thumb {
  background: rgb(204, 204, 204); /* 调整滚动条滑块的颜色 */
  border-radius: 10px;
}

.scrollbar-y::-webkit-scrollbar-thumb:hover {
  background: #555; /* 调整滚动条滑块悬停时的颜色 */
}

.scrollbar-y::-webkit-scrollbar {
  width: 6px;
  height: 10px;
  border-radius: 10px;
  background-color: rgb(204, 204, 204);
  margin-left: 20px;
}

.dialog-footer {
  position: relative;
  bottom: 30px;
  right: 30px;
  text-align: center;
  background-color: #fff;
}
.dialog-footer .el-button {
  width: 140px !important;
  height: 40px !important;
}

.el-dialog__header {
  padding: 0px !important;
}

.my-header {
  height: 60px !important;
  box-sizing: border-box;
  padding: 10px;
  border-bottom: 1px solid #e5e7eb;
  display: flex;
}

.my-header-left {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

.my-header span:nth-child(1) {
  color: #101828;
  width: 100%;
  font-weight: 700;
  font-size: 14px;
}

.my-header span:nth-child(2) {
  width: 100%;
  color: #4a5565;
  font-weight: 400;
  font-size: 12px;
}
/*!*******************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-14.use[1]!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-14.use[2]!./src/styles/main.css ***!
  \*******************************************************************************************************************************************************************/
.ellipsis {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.splitpanes.default-theme .splitpanes__pane {
  background: #fff !important;
}

.splitpanes.default-theme .splitpanes__splitter {
  background: #e1e1e1 !important;
}

.pane-container {
  display: flex;
  flex-direction: column;
  padding-right: 4px;
}
/*.el-radio-button .is-active {*/
/*   background: #e66486 !important; */
/*}*/
/*.el-radio-button__inner:hover {*/
/*  color: rgba(236, 23, 79, 1) !important;*/
/*  background: #e66486 !important;*/
/*  color: #fdfdfd !important;*/
/*  border-color: #ebafbf !important;*/
/*}*/
.el-radio-button {
  /* --el-radio-button-checked-bg-color: #e66486;
  --el-radio-button-checked-border-color: #ebafbf; */
  font-weight: bold;
}

/*.el-button:active {*/
/*  background: #e66486 !important;*/
/*  color: #fdfdfd !important;*/
/*  font-weight: bold;*/
/*  border-color: #ebafbf !important;*/
/*}*/
/*按钮悬浮*/
/*.el-button:hover {*/
/*  background: #e66486 !important;*/
/*  color: #fdfdfd !important;*/
/*  font-weight: bold;*/
/*  border-color: #ebafbf !important;*/
/*}*/
/*按钮点击*/
/*.el-button:focus {*/
/*  background: #e66486 !important;*/
/*  color: #fdfdfd !important;*/
/*  font-weight: bold;*/
/*  border-color: #ebafbf !important;*/
/*}*/
/*.el-table tbody tr:hover > td {*/
/*   background: rgba(255, 239, 243, 0.6) !important; */
/*   background: rgba(255, 239, 243, 1) !important; */
/*}*/
.cell-selected .el-link__inner {
  color: #606266;
}
/* .el-link:hover {
  color: red !important;
} */
.el-table__body .cell-selected {
  /* background-color: #ffeff3 !important; */
  background-color: #1989fa !important;
  color: #f7f7f7;
  /* color: #ef174f; */
}
.cell-selected td {
  /* background: #ffeff3 !important; */
  background: #3096fd !important;
  /* background: #e66486 !important; */
}
.el-table__body tr.current-row > td.el-table__cell {
  background-color: #1989fa !important;
  color: #f7f7f7;
}
.el-table th.el-table__cell {
  color: #333333 !important;
}
/* .is-active .number {

  } */
.el-pager li.is-active {
  color: #ffffff !important;
  width: 22px !important;
  height: 22px !important;
  opacity: 1;
  border-radius: 2px;
  /* background: rgba(240, 75, 118, 1); */
  background: rgba(16, 142, 233, 1);
}
.el-pager {
  margin-left: 16px !important;
}

/* .table-container {
  flex: 1;
  overflow: auto;
}
.table-footer {
  flex: 0 0 50px;
} */

.margin-10 {
  margin: 10px;
}

.margin-tb-10 {
  margin: 10px 0;
}

.margin-lr-10 {
  margin: 0 10px;
}

html {
  height: 100%;
  overflow-y: hidden;
}

body {
  background-color: #f1f1f1;
  font-size: 14px;
  color: #333333;
  height: 100%;
  font-family: Helvetica Neue, Helvetica, sans-serif;
}

#app {
  height: 100%;
}

body .el-table__fixed::before {
  z-index: inherit;
}

/* * {
  box-sizing: border-box;
} */
#nprogress .bar {
  background-color: var(--el-color-primary) !important;
}

/* .container {
  position: relative;
  border-radius: 5px;
  min-height: 100%;
  background-color: #fff;
  padding: 5px;
  overflow-x: hidden;
  overflow-y: scroll;
} */

.tab-container {
  height: calc(100vh - 148px);
  padding-top: 5px;
}

.tab-container .table-container {
  left: 0px;
  right: 0px;
}

.table-container .el-button {
  padding-top: 5px;
  padding-bottom: 5px;
}

.dialog-container {
  max-height: 65vh;
  overflow: auto;
  background-color: #fff;
  padding: 10px 20px;
  padding-top: 20px;
}

.table-header-container + .table-body-container {
  margin-top: 5px;
}

.el-dialog {
  border-radius: 2px !important;
  /* height: 790px; */
  margin: var(--el-dialog-margin-top, 15vh) auto 50px !important;
  padding: 0 !important;
}

.el-dialog.is-align-center {
  margin: auto !important;
}

.el-dialog__header {
  /* padding: 30px 0 0 30px !important; */
  border-bottom: 1px solid #cf1c1c;
}

/* .el-dialog__headerbtn {
  top: 0px !important;
} */

.el-dialog__title {
  font-weight: bold;
}

.el-dialog__body {
  padding: 10px !important;
  /* height: calc(100% - 117px) !important; */
}

.el-dialog__footer {
  padding: 10px !important;
  border-top: 1px solid #ececec;
  bottom: 5px !important;
}

.el-menu [class^="svg-icon"] {
  width: 24px !important;
  font-size: 18px !important;
  margin-right: 5px !important;
  vertical-align: middle !important;
}
.el-message-box__header {
  border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}
.el-message-box__content {
  min-height: 50px;
  display: flex;
  align-items: center;
}
.el-message-box__btns {
  border-top: 1px solid rgba(0, 0, 0, 0.06);
}

.el-message-box__title {
  font-size: 16px !important;
  font-weight: 500;
  color: rgba(51, 51, 51, 1);
}
.el-tabs__nav-wrap::after {
  height: 1px !important;
}
.el-tabs__item .is-active {
  color: red !important;
}

.form-item__require .el-form-item__label::before {
  content: "*";
  color: red;
  margin-right: 5px;
}
.el-input__inner {
  color: #333 !important;
}

.title {
  color: #333;
  font-size: 16px;
}

.bg-red {
  background-color: #e54d42;
  color: #ffffff;
}

.bg-orange {
  background-color: #f37b1d;
  color: #ffffff;
}

.bg-yellow {
  background-color: #fbbd08;
  color: #333333;
}

.bg-olive {
  background-color: #8dc63f;
  color: #ffffff;
}

.bg-green {
  background-color: #39b54a;
  color: #ffffff;
}

.bg-cyan {
  background-color: #1cbbb4;
  color: #ffffff;
}

.bg-blue {
  background-color: #0081ff;
  color: #ffffff;
}

.bg-purple {
  background-color: #6739b6;
  color: #ffffff;
}

.bg-mauve {
  background-color: #9c26b0;
  color: #ffffff;
}

.bg-pink {
  background-color: #e03997;
  color: #ffffff;
}

.bg-brown {
  background-color: #a5673f;
  color: #ffffff;
}

.bg-grey {
  background-color: #8799a3;
  color: #ffffff;
}

.bg-gray {
  background-color: #f0f0f0;
  color: #333333;
}

.bg-black {
  background-color: #333333;
  color: #ffffff;
}

.bg-white {
  background-color: #ffffff;
  color: #666666;
}

.bg-shadeTop {
  background-image: linear-gradient(rgba(0, 0, 0, 1), rgba(0, 0, 0, 0.01));
  color: #ffffff;
}

.bg-shadeBottom {
  background-image: linear-gradient(rgba(0, 0, 0, 0.01), rgba(0, 0, 0, 1));
  color: #ffffff;
}

.bg-red.light {
  color: #e54d42;
  background-color: #fadbd9;
}

.bg-orange.light {
  color: #f37b1d;
  background-color: #fde6d2;
}

.bg-yellow.light {
  color: #fbbd08;
  background-color: #fef2ced2;
}

.bg-olive.light {
  color: #8dc63f;
  background-color: #e8f4d9;
}

.bg-green.light {
  color: #39b54a;
  background-color: #d7f0dbff;
}

.bg-cyan.light {
  color: #1cbbb4;
  background-color: #d2f1f0;
}

.bg-blue.light {
  color: #0081ff;
  background-color: #cce6ff;
}

.bg-purple.light {
  color: #6739b6;
  background-color: #e1d7f0;
}

.bg-mauve.light {
  color: #9c26b0;
  background-color: #ebd4ef;
}

.bg-pink.light {
  color: #e03997;
  background-color: #f9d7ea;
}

.bg-brown.light {
  color: #a5673f;
  background-color: #ede1d9;
}

.bg-grey.light {
  color: #8799a3;
  background-color: #e7ebed;
}

.bg-gradual-red {
  background-image: linear-gradient(45deg, #f43f3b, #ec008c);
  color: #ffffff;
}

.bg-gradual-orange {
  background-image: linear-gradient(45deg, #ff9700, #ed1c24);
  color: #ffffff;
}

.bg-gradual-green {
  background-image: linear-gradient(45deg, #39b54a, #8dc63f);
  color: #ffffff;
}

.bg-gradual-purple {
  background-image: linear-gradient(45deg, #9000ff, #5e00ff);
  color: #ffffff;
}

.bg-gradual-pink {
  background-image: linear-gradient(45deg, #ec008c, #6739b6);
  color: #ffffff;
}

.bg-gradual-blue {
  background-image: linear-gradient(45deg, #0081ff, #1cbbb4);
  color: #ffffff;
}

.shadow[class*="-red"] {
  box-shadow: 3px 3px 4px rgba(204, 69, 59, 0.2);
}

.shadow[class*="-orange"] {
  box-shadow: 3px 3px 4px rgba(217, 109, 26, 0.2);
}

.shadow[class*="-yellow"] {
  box-shadow: 3px 3px 4px rgba(224, 170, 7, 0.2);
}

.shadow[class*="-olive"] {
  box-shadow: 3px 3px 4px rgba(124, 173, 55, 0.2);
}

.shadow[class*="-green"] {
  box-shadow: 3px 3px 4px rgba(48, 156, 63, 0.2);
}

.shadow[class*="-cyan"] {
  box-shadow: 3px 3px 4px rgba(28, 187, 180, 0.2);
}

.shadow[class*="-blue"] {
  box-shadow: 3px 3px 4px rgba(0, 102, 204, 0.2);
}

.shadow[class*="-purple"] {
  box-shadow: 3px 3px 4px rgba(88, 48, 156, 0.2);
}

.shadow[class*="-mauve"] {
  box-shadow: 3px 3px 4px rgba(133, 33, 150, 0.2);
}

.shadow[class*="-pink"] {
  box-shadow: 3px 3px 4px rgba(199, 50, 134, 0.2);
}

.shadow[class*="-brown"] {
  box-shadow: 3px 3px 4px rgba(140, 88, 53, 0.2);
}

.shadow[class*="-grey"] {
  box-shadow: 3px 3px 4px rgba(114, 130, 138, 0.2);
}

.shadow[class*="-gray"] {
  box-shadow: 3px 3px 4px rgba(114, 130, 138, 0.2);
}

.shadow[class*="-black"] {
  box-shadow: 3px 3px 4px rgba(26, 26, 26, 0.2);
}

.shadow[class*="-white"] {
  box-shadow: 3px 3px 4px rgba(26, 26, 26, 0.2);
}

.deep-shadow {
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.12), 0 0 6px rgba(0, 0, 0, 0.04);
}

.light-shadow {
  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
}

.text-shadow[class*="-red"] {
  text-shadow: 3px 3px 4px rgba(204, 69, 59, 0.2);
}

.text-shadow[class*="-orange"] {
  text-shadow: 3px 3px 4px rgba(217, 109, 26, 0.2);
}

.text-shadow[class*="-yellow"] {
  text-shadow: 3px 3px 4px rgba(224, 170, 7, 0.2);
}

.text-shadow[class*="-olive"] {
  text-shadow: 3px 3px 4px rgba(124, 173, 55, 0.2);
}

.text-shadow[class*="-green"] {
  text-shadow: 3px 3px 4px rgba(48, 156, 63, 0.2);
}

.text-shadow[class*="-cyan"] {
  text-shadow: 3px 3px 4px rgba(28, 187, 180, 0.2);
}

.text-shadow[class*="-blue"] {
  text-shadow: 3px 3px 4px rgba(0, 102, 204, 0.2);
}

.text-shadow[class*="-purple"] {
  text-shadow: 3px 3px 4px rgba(88, 48, 156, 0.2);
}

.text-shadow[class*="-mauve"] {
  text-shadow: 3px 3px 4px rgba(133, 33, 150, 0.2);
}

.text-shadow[class*="-pink"] {
  text-shadow: 3px 3px 4px rgba(199, 50, 134, 0.2);
}

.text-shadow[class*="-brown"] {
  text-shadow: 3px 3px 4px rgba(140, 88, 53, 0.2);
}

.text-shadow[class*="-grey"] {
  text-shadow: 3px 3px 4px rgba(114, 130, 138, 0.2);
}

.text-shadow[class*="-gray"] {
  text-shadow: 3px 3px 4px rgba(114, 130, 138, 0.2);
}

.text-shadow[class*="-black"] {
  text-shadow: 3px 3px 4px rgba(26, 26, 26, 0.2);
}

.bg-img {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.bg-mask {
  background-color: #333333;
  position: relative;
}

.bg-mask::after {
  content: "";
  border-radius: inherit;
  width: 100%;
  height: 100%;
  display: block;
  background-color: rgba(0, 0, 0, 0.4);
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
}

.bg-mask view,
.bg-mask cover-view {
  z-index: 5;
  position: relative;
}

.bg-video {
  position: relative;
}

.bg-video video {
  display: block;
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  position: absolute;
  top: 0;
  z-index: 0;
  pointer-events: none;
}

/* ==================
          文本
 ==================== */

.text-xs {
  font-size: 12px;
}

.text-sm {
  font-size: 14px;
}

.text-df {
  font-size: 16px;
}

.text-lg {
  font-size: 18px;
}

.text-xl {
  font-size: 20px;
}

.text-xxl {
  font-size: 27px;
}

.text-sl {
  font-size: 40px;
}

.text-xsl {
  font-size: 60px;
}

.text-Abc {
  text-transform: Capitalize;
}

.text-ABC {
  text-transform: Uppercase;
}

.text-abc {
  text-transform: Lowercase;
}

.text-price::before {
  content: "¥";
  font-size: 80%;
  margin-right: 2px;
}

.text-cut {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.text-cut-l2 {
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.text-bold {
  font-weight: bold;
}

.text-center {
  text-align: center;
}

.text-content {
  line-height: 1.6;
}

.text-left {
  text-align: left;
}

.text-right {
  text-align: right;
}

.text-red,
.line-red,
.lines-red {
  color: #e54d42;
}

.text-orange,
.line-orange,
.lines-orange {
  color: #f37b1d;
}

.text-yellow,
.line-yellow,
.lines-yellow {
  color: #fbbd08;
}

.text-olive,
.line-olive,
.lines-olive {
  color: #8dc63f;
}

.text-green,
.line-green,
.lines-green {
  color: #39b54a;
}

.text-cyan,
.line-cyan,
.lines-cyan {
  color: #1cbbb4;
}

.text-blue,
.line-blue,
.lines-blue {
  color: #0081ff;
}

.text-purple,
.line-purple,
.lines-purple {
  color: #6739b6;
}

.text-mauve,
.line-mauve,
.lines-mauve {
  color: #9c26b0;
}

.text-pink,
.line-pink,
.lines-pink {
  color: #e03997;
}

.text-brown,
.line-brown,
.lines-brown {
  color: #a5673f;
}

.text-grey,
.line-grey,
.lines-grey {
  color: #8799a3;
}

.text-gray,
.line-gray,
.lines-gray {
  color: #aaaaaa;
}

.text-black,
.line-black,
.lines-black {
  color: #333333;
}

.text-white,
.line-white,
.lines-white {
  color: #ffffff;
}

/* ==================
          布局
 ==================== */

/*  -- flex弹性布局 -- */

.flex {
  display: flex;
}

.basis-xs {
  flex-basis: 20%;
}

.basis-sm {
  flex-basis: 40%;
}

.basis-df {
  flex-basis: 50%;
}

.basis-lg {
  flex-basis: 60%;
}

.basis-xl {
  flex-basis: 80%;
}

.flex-sub {
  flex: 1;
}

.flex-twice {
  flex: 2;
}

.flex-treble {
  flex: 3;
}

.flex-direction {
  flex-direction: column;
}

.flex-wrap {
  flex-wrap: wrap;
}

.align-start {
  align-items: flex-start;
}

.align-end {
  align-items: flex-end;
}

.align-center {
  align-items: center;
}

.align-stretch {
  align-items: stretch;
}

.self-start {
  align-self: flex-start;
}

.self-center {
  align-self: flex-center;
}

.self-end {
  align-self: flex-end;
}

.self-stretch {
  align-self: stretch;
}

.align-stretch {
  align-items: stretch;
}

.justify-start {
  justify-content: flex-start;
}

.justify-end {
  justify-content: flex-end;
}

.justify-center {
  justify-content: center;
}

.justify-between {
  justify-content: space-between;
}

.justify-around {
  justify-content: space-around;
}

.flex-end {
  display: flex;
  justify-content: end;
  /* align-items: center; */
}
/* grid布局 */

.grid {
  display: flex;
  flex-wrap: wrap;
}

.grid.grid-square {
  overflow: hidden;
}

.grid.grid-square .cu-tag {
  position: absolute;
  right: 0;
  top: 0;
  border-bottom-left-radius: 3px;
  padding: 3px 6px;
  height: auto;
  background-color: rgba(0, 0, 0, 0.5);
}

.grid.grid-square > view > text[class*="cuIcon-"] {
  font-size: 52upx;
  position: absolute;
  color: #8799a3;
  margin: auto;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

.grid.grid-square > view {
  margin-right: 10px;
  margin-bottom: 10px;
  border-radius: 3px;
  position: relative;
  overflow: hidden;
}

.grid.grid-square > view.bg-img image {
  width: 100%;
  height: 100%;
  position: absolute;
}

.grid.col-1.grid-square > view {
  padding-bottom: 100%;
  height: 0;
  margin-right: 0;
}

.grid.col-2.grid-square > view {
  padding-bottom: calc((100% - 10px) / 2);
  height: 0;
  width: calc((100% - 10px) / 2);
}

.grid.col-3.grid-square > view {
  padding-bottom: calc((100% - 20px) / 3);
  height: 0;
  width: calc((100% - 20px) / 3);
}

.grid.col-4.grid-square > view {
  padding-bottom: calc((100% - 30px) / 4);
  height: 0;
  width: calc((100% - 30px) / 4);
}

.grid.col-5.grid-square > view {
  padding-bottom: calc((100% - 40px) / 5);
  height: 0;
  width: calc((100% - 40px) / 5);
}

.grid.col-6.grid-square > view {
  padding-bottom: calc((100% - 50px) / 6);
  height: 0;
  width: calc((100% - 50px) / 6);
}

.grid.col-2.grid-square > view:nth-child(2n),
.grid.col-3.grid-square > view:nth-child(3n),
.grid.col-4.grid-square > view:nth-child(4n),
.grid.col-5.grid-square > view:nth-child(5n) {
  margin-right: 0;
}

.grid.col-1 > view {
  width: 100%;
}

.grid.col-2 > view {
  width: 50%;
}

.grid.col-3 > view {
  width: 33.33%;
}

.grid.col-4 > view {
  width: 25%;
}

.grid.col-5 > view {
  width: 20%;
}

.grid.col-6 > view {
  width: 16.5%;
}

/*  -- 内外边距 -- */

.margin-0 {
  margin: 0;
}

.margin-xs {
  margin: 5px;
}

.margin-sm {
  margin: 10px;
}

.margin {
  margin: 15px;
}

.margin-lg {
  margin: 20px;
}

.margin-xl {
  margin: 25px;
}

.margin-top-xs {
  margin-top: 5px;
}

.margin-top-sm {
  margin-top: 10px;
}

.margin-top {
  margin-top: 15px;
}

.margin-top-lg {
  margin-top: 20px;
}

.margin-top-xl {
  margin-top: 25px;
}

.margin-right-xs {
  margin-right: 5px;
}

.margin-right-sm {
  margin-right: 10px;
}

.margin-right {
  margin-right: 15px;
}

.margin-right-lg {
  margin-right: 20px;
}

.margin-right-xl {
  margin-right: 25px;
}

.margin-bottom-xs {
  margin-bottom: 5px;
}

.margin-bottom-sm {
  margin-bottom: 10px;
}

.margin-bottom {
  margin-bottom: 15px;
}

.margin-bottom-lg {
  margin-bottom: 20px;
}

.margin-bottom-xl {
  margin-bottom: 25px;
}

.margin-left-xs {
  margin-left: 5px;
}

.margin-left-sm {
  margin-left: 10px;
}

.margin-left {
  margin-left: 15px;
}

.margin-left-lg {
  margin-left: 20px;
}

.margin-left-xl {
  margin-left: 25px;
}

.margin-lr-xs {
  margin-left: 5px;
  margin-right: 5px;
}

.margin-lr-sm {
  margin-left: 10px;
  margin-right: 10px;
}

.margin-lr {
  margin-left: 15px;
  margin-right: 15px;
}

.margin-lr-lg {
  margin-left: 20px;
  margin-right: 20px;
}

.margin-lr-xl {
  margin-left: 25px;
  margin-right: 25px;
}

.margin-tb-xs {
  margin-top: 5px;
  margin-bottom: 5px;
}

.margin-tb-sm {
  margin-top: 10px;
  margin-bottom: 10px;
}

.margin-tb {
  margin-top: 15px;
  margin-bottom: 15px;
}

.margin-tb-lg {
  margin-top: 20px;
  margin-bottom: 20px;
}

.margin-tb-xl {
  margin-top: 25px;
  margin-bottom: 25px;
}

.padding-0 {
  padding: 0;
}

.padding-xs {
  padding: 5px;
}

.padding-sm {
  padding: 10px;
}

.padding {
  padding: 15px;
}

.padding-lg {
  padding: 20px;
}

.padding-xl {
  padding: 25px;
}

.padding-top-xs {
  padding-top: 5px;
}

.padding-top-sm {
  padding-top: 10px;
}

.padding-top {
  padding-top: 15px;
}

.padding-top-lg {
  padding-top: 20px;
}

.padding-top-xl {
  padding-top: 25px;
}

.padding-right-xs {
  padding-right: 5px;
}

.padding-right-sm {
  padding-right: 10px;
}

.padding-right {
  padding-right: 15px;
}

.padding-right-lg {
  padding-right: 20px;
}

.padding-right-xl {
  padding-right: 25px;
}

.padding-bottom-xs {
  padding-bottom: 5px;
}

.padding-bottom-sm {
  padding-bottom: 10px;
}

.padding-bottom {
  padding-bottom: 15px;
}

.padding-bottom-lg {
  padding-bottom: 20px;
}

.padding-bottom-xl {
  padding-bottom: 25px;
}

.padding-left-xs {
  padding-left: 5px;
}

.padding-left-sm {
  padding-left: 10px;
}

.padding-left {
  padding-left: 15px;
}

.padding-left-lg {
  padding-left: 20px;
}

.padding-left-xl {
  padding-left: 25px;
}

.padding-lr-xs {
  padding-left: 5px;
  padding-right: 5px;
}

.padding-lr-sm {
  padding-left: 10px;
  padding-right: 10px;
}

.padding-lr {
  padding-left: 15px;
  padding-right: 15px;
}

.padding-lr-lg {
  padding-left: 20px;
  padding-right: 20px;
}

.padding-lr-xl {
  padding-left: 25px;
  padding-right: 25px;
}

.padding-tb-xs {
  padding-top: 5px;
  padding-bottom: 5px;
}

.padding-tb-sm {
  padding-top: 10px;
  padding-bottom: 10px;
}

.padding-tb {
  padding-top: 15px;
  padding-bottom: 15px;
}

.padding-tb-lg {
  padding-top: 20px;
  padding-bottom: 20px;
}

.padding-tb-xl {
  padding-top: 25px;
  padding-bottom: 25px;
}

.padding-top-left {
  padding: 0 20px;
}

.line {
  background-color: #f5f5f5;
  height: 1px;
}
.hh {
  overflow-y: hidden;
}
/* -- 实线 -- */

.solid,
.solid-top,
.solid-right,
.solid-bottom,
.solid-left,
.solids,
.solids-top,
.solids-right,
.solids-bottom,
.solids-left,
.dashed,
.dashed-top,
.dashed-right,
.dashed-bottom,
.dashed-left {
  position: relative;
}

.solid::after,
.solid-top::after,
.solid-right::after,
.solid-bottom::after,
.solid-left::after,
.solids::after,
.solids-top::after,
.solids-right::after,
.solids-bottom::after,
.solids-left::after,
.dashed::after,
.dashed-top::after,
.dashed-right::after,
.dashed-bottom::after,
.dashed-left::after {
  content: " ";
  width: 200%;
  height: 200%;
  position: absolute;
  top: 0;
  left: 0;
  border-radius: inherit;
  transform: scale(0.5);
  transform-origin: 0 0;
  pointer-events: none;
  box-sizing: border-box;
}

.solid::after {
  border: 1px solid rgba(0, 0, 0, 0.1);
}

.solid-top::after {
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}

.solid-right::after {
  border-right: 1px solid rgba(0, 0, 0, 0.1);
}

.solid-bottom::after {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.solid-left::after {
  border-left: 1px solid rgba(0, 0, 0, 0.1);
}

.solids::after {
  border: 4px solid #eee;
}

.solids-top::after {
  border-top: 4px solid #eee;
}

.solids-right::after {
  border-right: 4px solid #eee;
}

.solids-bottom::after {
  border-bottom: 4px solid #eee;
}

.solids-left::after {
  border-left: 4px solid #eee;
}

/* -- 虚线 -- */

.dashed::after {
  border: 1px dashed #ddd;
}

.dashed-top::after {
  border-top: 1px dashed #ddd;
}

.dashed-right::after {
  border-right: 1px dashed #ddd;
}

.dashed-bottom::after {
  border-bottom: 1px dashed #ddd;
}

.dashed-left::after {
  border-left: 1px dashed #ddd;
}

.el-dialog__header {
  border: 0px !important;
}
.el-dialog__footer {
  border: 0px !important;
}
.simple-form .el-form-item {
  margin-bottom: 4px !important;
}

.simple-form .el-date-editor.el-input {
  width: auto;
}

.simple-form .el-radio {
  margin-right: 15px;
}

.simple-form .el-select {
  display: block;
}
.el-select {
  width: 100%;
}
.el-input__wrapper {
  flex-grow: 1 !important;
  height: 44px !important;
  font-size: 15px !important;
  /* border: 1px solid #40d4a0; */
}
.el-input {
  --el-input-focus-border-color: #40d4a0 !important;
}
.simple-form {
  overflow: hidden;
  overflow-y: auto;
}
/* .el-radio__input.is-checked + .el-radio__label {
  color: rgba(236, 23, 79, 1) !important;
} */
/* .el-radio__input .is-checked+.el-radio__original {
  background: #39b54a !important;
  background-color: #39b54a !important;
} */
.el-radio {
  background: #fff;
}
.el-radio__label {
  font-size: 12px !important;
}
.el-radio .is-checked .el-radio__inner {
  background-color: #40d4a0 !important;
  border-color: #40d4a0 !important;
}
.el-radio__input.is-checked + .el-radio__label {
  color: #40d4a0 !important;
}
/* .el-radio__inner:after {
  width: 10px;
  height: 10px;
  border-radius: 100%;
  border: 1px solid wheat;
  background-color: #eb3968;
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  transition: transform 0.15s ease-in;
}
 */
.el-radio__inner:hover {
  border-color: #40d4a0 !important;
}
.el-tabs__item {
  font-size: 12px !important;
}
.el-tabs__item.is-active {
  font-size: 12px !important;
  font-weight: 500 !important;
  color: #40d4a0 !important;
}
.el-tabs__active-bar {
  background: #40d4a0 !important;
}
.el-tabs__item:hover {
  color: #40d4a0 !important;
}
/*.el-dropdown-menu__item:not(.is-disabled):hover {
  background-color: #ffeff3 !important;
  font-weight: bold;
  color: #ef174f !important;
} */
.el-dropdown-menu__item {
  /* background-color: #eb6280 !important; */
  color: rgb(0, 0, 0);
}
.el-tabs__nav {
  /* margin-left: 30px !important; */
}
/* .el-tabs__item.is-active {
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 0px;
  line-height: 23.17px;
  color: rgba(51, 51, 51, 1) !important;
  text-align: left;
  vertical-align: top;
} */
.el-descriptions__body
  .el-descriptions__table:not(.is-bordered)
  .el-descriptions__cell {
  display: flex;
  justify-content: space-between;
}
.el-descriptions__title {
  font-size: 14px !important;
}
.el-checkbox-button.is-focus .el-checkbox-button__inner {
  border-color: #40d4a0 !important;
}
.el-checkbox-button__inner:hover {
  background-color: #40d4a0 !important;
  color: #ffffff !important;
  border-color: #40d4a0 !important;
}
.el-time-panel__btn.confirm {
  color: #40d4a0 !important;
}
.el-button--primary {
  border: 1px solid #40d4a0 !important;
  background-color: #40d4a0 !important;
  color: #ffffff !important;
}
.el-pager li.is-active {
  background: #40d4a0;
}
.el-select__wrapper.is-focused {
  box-shadow: 0 0 0 1px #40d4a0 !important;
}

.el-select__wrapper.is-hovering:not(.is-focused) {
  box-shadow: 0 0 0 1px #40d4a0 !important;
}
.el-button:hover {
  background-color: #caebdf !important;
  color: #40d4a0 !important;
  border: 1px solid !important;
}
.el-button .btn-blue:hover {
  background-color: #1622c0 !important;
  color: #092dcf !important;
  border: 1px solid !important;
}
.el-checkbox__input.is-checked .el-checkbox__inner,
.el-checkbox__input.is-indeterminate .el-checkbox__inner {
  border-color: #40d4a0 !important;
  background-color: #40d4a0 !important;
}
.el-checkbox__input.is-checked .el-checkbox__inner,
.el-checkbox__input.is-indeterminate .el-checkbox__inner :hover {
  border-color: #fafafa !important;
  color: #40d4a0 !important;
}
.el-checkbox__input.is-checked + .el-checkbox__label {
  color: #40d4a0 !important;
}

.el-pager li:hover {
  color: #40d4a0 !important;
}
.el-pagination button:hover {
  color: #40d4a0 !important;
}
.el-form-item__error{
  padding-top: 8px !important;
}
/* el-checkbox 改变成绿色样式 */
/* 

.el-tabs--border-card > .el-tabs__header :hover {
  color: #eb6280 !important;
}
.el-tabs--border-card > .el-tabs__header .el-tabs__item.is-active {
  color: #eb6280 !important;
}
.vxe-table--render-default
  .is--indeterminate.vxe-cell--checkbox
  .vxe-checkbox--icon {
  color: #eb6280 !important;
  background-color: white !important;
}
.vxe-table--render-default .is--checked.vxe-cell--checkbox .vxe-checkbox--icon {
  color: #eb6280 !important;
  border: 1px solid white !important;
  border-radius: 2px;
}
*/

/* .selected.selected {
  background-color: #1363b3 !important;
  color: #f7f7f7;
  transition: all 0.3s ease;
} */
.el-dialog__headerbtn :hover {
  color: #40d4a0 !important;
}
.el-dialog__headerbtn .el-dialog__close :hover {
  color: #40d4a0 !important;
}
.el-tabs-container {
  height: 100%;
  box-sizing: border-box;
}
.el-tabs-container .el-tabs {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
}
.el-tabs-container .el-tabs .el-tabs__content {
  flex: 1;
  overflow: hidden;
}
.el-tabs-container .el-tabs .el-tabs__content .el-tab-pane {
  height: 100%;
}
/* .el-menu-item:hover {
  color: #ec174f !important;
  background-color: #ffeff3 !important;
} */
/* .el-sub-menu__title.el-tooltip__trigger.el-tooltip__trigger:hover {
  color: #ec174f !important;
} */
.confirm-customer-info.el-message-box {
  width: 320px;
}
.confirm-customer-info .confirm-customer-title {
  padding: 10px 0;
  font-weight: bold;
  font-size: 20px;
  color: #111;
}
.confirm-customer-info .confirm-customer-qrcode {
  width: 160px;
}
.confirm-customer-info .confirm-customer-qrcode .el-image__inner {
  -webkit-user-drag: none;
}
.confirm-customer-info .copy-url {
  cursor: pointer;
  color: #d43c43;
}
.confirm-customer-info .stage-customer-info-row {
  padding-top: 15px;
}
.confirm-customer-info .stage-customer-info {
  font-size: 12px;
  color: #0d84ff;
}
/*滚动条整体部分*/
.my-table ::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
/*滚动条的轨道*/
.my-table ::-webkit-scrollbar-track {
  background-color: #ffffff;
}
/*滚动条里面的小方块，能向上向下移动*/
.my-table ::-webkit-scrollbar-thumb {
  border-radius: 5px;
  border: 1px solid #f1f1f1;
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: #dadbdd;
  /* background-color: #FF9A8B;
  background-image: linear-gradient(220deg, #FF9A8B 0%, #FF6A88 55%, #FF99AC 100%);
  background-image: -webkit-linear-gradient(220deg, #FF9A8B 0%, #FF6A88 55%, #FF99AC 100%);
  background-image: -moz-linear-gradient(220deg, #FF9A8B 0%, #FF6A88 55%, #FF99AC 100%);
  background-image: -o-linear-gradient(220deg, #FF9A8B 0%, #FF6A88 55%, #FF99AC 100%); */
}
.my-table ::-webkit-scrollbar-thumb:hover {
  background-color: #c5c7ca;
  /* background-color: #FBDA61;
  background-image: linear-gradient(45deg, #FBDA61 0%, #FF5ACD 100%);
  background-image: -webkit-linear-gradient(45deg, #FBDA61 0%, #FF5ACD 100%);
  background-image: -moz-linear-gradient(45deg, #FBDA61 0%, #FF5ACD 100%);
  background-image: -o-linear-gradient(45deg, #FBDA61 0%, #FF5ACD 100%); */
}
.my-table ::-webkit-scrollbar-thumb:active {
  background-color: #787878;
}
/*边角，即两个滚动条的交汇处*/
.my-table ::-webkit-scrollbar-corner {
  background-color: #ffffff;
}
/* .el-row {
  display: flex !important;
  flex-wrap: nowrap !important;
  justify-content: space-between !important;
} */
.el-descriptions__content:not(.is-bordered-label) {
  /* color: #154cbb !important; */
  max-width: 400px !important;
}

.el-dropdown-menu__item:hover {
  background-color: #5ed7be !important; /* 浅蓝色背景 */
  color: #ffffff !important; /* 蓝色文字 */
}
/* .el-step__main {
  display: flex !important;
  justify-content: center !important;
} */
.el-step__title {
  width: 70px !important;
  font-size: 12px !important;
  line-height: 18px !important;
  margin-left: 34px !important;
  margin-top: 10px !important;
}

.el-textarea__inner:focus {
  box-shadow: 0 0 0 1px #40d4a0 !important;
}

.el-select-dropdown__item.is-selected {
  color: #40d4a0 !important;
}
.el-popup-parent--hidden{
  width: 100% !important;
}