@charset "utf-8";

/* 公共主题颜色，会随后台数据变化 */
:root {
  --primary-color: #0478F1;
  /* 默认的主色 */
  --secondary-color: #F39800;
  /* 默认的辅助色 */
  --button-color: linear-gradient(#fea450 0%, #ff7342 16%, #ffa76d 34%, #ffaf53 48%, #ffbb49 63%, #fc9b8c 79%, #fc7667 91%, #ff6700 100%);
  /* 头部选项卡按钮默认颜色 */
  --active-bar-color: #2e8bf7;
  /* --el-border-color-light: #eeeeee !important; */
  --el-border-color-lighter: #eeeeee !important;
  /* --el-fill-color-light: #eee !important;
  --el-fill-color-lighter: #eee !important; */
}

/* 公用背景色 */
.defaultBg {
  background: #f9f9f9;
}

.greenBg {
  background: #eaf4f4;
}

.grayBg {
  background: #f5f6f7;
}

.themeBg {
  background: var(--primary-color);
}

.whiteBg {
  background: #fff;
}

.tabBg {
  background: #F3F4F7;
}

/* 公用字体颜色 */
.white {
  color: #fff;
}

.black {
  color: #000;
}

.black2 {
  color: #030303;
}

.theme {
  color: var(--primary-color);
}

.mainColor {
  color: #1089A9;
}

.orange {
  color: #FE814D;
}

.gColor {
  color: #2aa515;
}

.rColor {
  color: #f04c37;
}

.gray {
  color: #2a2a2a;
}

.gray2 {
  color: #818181;
}

.gray3 {
  color: #575757;
}

.light-gray {
  color: #8e8e8e;
}

.light-gray2 {
  color: #6c6c6c;
}

.gray4 {
  color: #404040;
}

.gold {
  color: #655521;
}

.greenColor {
  color: #0a4447;
}

.green {
  color: #1084a4;
}

.blue {
  color: #359bec;
}

.skyBlue {
  color: #2b88f0;
}

.iconColor {
  color: #C7C7C7;
}

/* 公用距离3px */
.mr3 {
  margin-right: 3px;
}

.ml3 {
  margin-left: 3px;
}

.mb3 {
  margin-bottom: 3px;
}

.mt3 {
  margin-top: 3px;
}

.mlr3 {
  margin: 0 3px;
}

.mtb3 {
  margin: 3px 0;
}

.margin3 {
  margin: 3px;
}

/* 公用距离5px */
.mt5 {
  margin-top: 5px;
}

.ml5 {
  margin-left: 5px;
}

.mr5 {
  margin-right: 5px;
}

.mb5 {
  margin-bottom: 5px;
}

.mlr5 {
  margin: 0 5px;
}

.mtb5 {
  margin: 5px 0;
}

.\!mtb5 {
  margin: 5px 0 !important;
}

.\!mb5 {
  margin: 0 0 5px !important;
}

.mrb5 {
  margin: 0 5px 5px 0;
}

.mtb5 {
  margin: 5px 0;
}

/* 公用距离10px */
.ml10 {
  margin-left: 10px;
}

.mr10 {
  margin-right: 10px;
}

.mt10 {
  margin-top: 10px;
}

.mb10 {
  margin-bottom: 10px;
}

.mlr10 {
  margin: 0 10px;
}

.mtb10 {
  margin: 10px 0;
}

/* 公用距离15px */
.mt15 {
  margin-top: 15px;
}

.mr15 {
  margin-right: 15px;
}

.ml15 {
  margin-left: 15px;
}

.mb15 {
  margin-bottom: 15px;
}

.mtb15 {
  margin: 15px 0;
}

.mlr15 {
  margin: 0 15px;
}

/* 公用距离20px */
.ml20 {
  margin-left: 20px;
}

.mt20 {
  margin-top: 20px;
}

.mr20 {
  margin-right: 20px;
}

.mb20 {
  margin-bottom: 20px;
}

.mtb20 {
  margin: 20px 0;
}

.mlr20 {
  margin: 0 20px;
}

/* 外边距25 */
.margin25 {
  margin: 25px;
}

.mt25 {
  margin-top: 25px;
}

.mb25 {
  margin-bottom: 25px;
}

.ml25 {
  margin-left: 25px;
}

.mr25 {
  margin-right: 25px;
}

.mlr25 {
  margin: 0 25px;
}

.mtb25 {
  margin: 25px;
}

.mt30 {
  margin-top: 30px;
}

.mb30 {
  margin-bottom: 30px;
}

.mr30 {
  margin-right: 30px;
}

.mt40 {
  margin-top: 40px;
}

.ml50 {
  margin-left: 50px;
}

.mr80 {
  margin-right: 80px;
}

/* 内边距5px */
.padding {
  padding: 5px 10px;
}

.padding5 {
  padding: 5px;
}

.pt5 {
  padding-top: 5px;
}

.pb5 {
  padding-bottom: 5px;
}

.plr5 {
  padding: 0 5px;
}

.pl5 {
  padding-left: 5px;
}

.pr5 {
  padding-right: 5px;
}

.ptb5 {
  padding: 5px 0;
}

/* 内边距10px */
.pb10 {
  padding-bottom: 10px;
}

.ptb10 {
  padding: 10px 0;
}

.pl10 {
  padding-left: 10px;
}

.pr10 {
  padding-right: 10px;
}

.pt10 {
  padding-top: 10px;
}

.ptb10 {
  padding: 10px 0;
}

.plr10 {
  padding: 0 10px;
}

.padding10 {
  padding: 10px;
}

/* 内边距15px */
.padding15 {
  padding: 15px;
}

.pt15 {
  padding-top: 15px;
}

.pb15 {
  padding-bottom: 15px;
}

.pl15 {
  padding-left: 15px;
}

.pr15 {
  padding-right: 15px;
}

.plr15 {
  padding: 0 15px;
}

.ptb15 {
  padding: 15px 0;
}

.pl20 {
  padding-left: 20px;
}

/* 内边距20px */
.pr20 {
  padding-right: 20px;
}

.pl20 {
  padding-left: 20px;
}

.ptb20 {
  padding: 20px 0;
}

.plr20 {
  padding: 0 20px;
}

.padding20 {
  padding: 20px;
}

.pb20 {
  padding-bottom: 20px;
}

.pt30 {
  padding-top: 30px;
}

.pr30 {
  padding-right: 30px;
}

.pr40 {
  padding-right: 40px;
}

/* 公用字体大小 */

.aSize {
  font-size: 12px;
}

.bSize {
  font-size: 14px;
}

.cSize {
  font-size: 16px;
}

.dSize {
  font-size: 18px;
}

.eSize {
  font-size: 20px;
}

.fSize {
  font-size: 22px;
}

.gSize {
  font-size: 24px;
}

.\!fSize30 {
  font-size: 30px;
}

.\!fSize36 {
  font-size: 36px;
}

.\!fSize40 {
  font-size: 40px;
}

.\!fSize50 {
  font-size: 50px;
}

.\!fSize14 {
  font-size: 14px !important;
}

.\!fSize22 {
  font-size: 22px !important;
}

/* 字体加粗 */
.bold {
  font-weight: 700;
}

.tCenter {
  text-align: center;
}

.tLeft {
  text-align: left;
}

.tRight {
  text-align: right;
}

/* flex布局 */
.flex {
  display: flex;
  align-items: center;
}

.flex-end {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.flex-center {
  display: flex;
  align-items: center;
  justify-content: center;
}

.flex-between {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.flex-direction {
  display: flex;
  align-items: center;
  flex-direction: column;
}

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

.flexw {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}

/* grid布局 */
.grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
}

/* 鼠标样式 */
.pointer {
  cursor: pointer;
}

/* 公用边框线 */
.border {
  border: 1px solid #dcdcdc;
}

.bB-1px {
  border-bottom: 1px solid #dcdcdc;
}

.border-1px {
  border: 1px solid #eeeeee;
}

.borderR-1px {
  border-right: 1px solid #eeeeee;
}

.borderB-1px {
  border-bottom: 1px solid #eeeeee;
}

.borderT-1px {
  border-top: 1px solid #eeeeee;
}

.borderB-2px {
  border-bottom: 2px solid var(--primary-color);
}

/* 表格边框 */
.tBorder {
  border: 1px solid #ebeef5;
}

.tBorder-b {
  border-bottom: 1px solid #ebeef5;
}

.tBorder-t {
  border-top: 1px solid #ebeef5;
}

.tBorder-l {
  border-left: 1px solid #ebeef5;
}


/* 圆角 */
.bRadius5 {
  border-radius: 5px;
}

.bRadius10 {
  border-radius: 10px;
}

.bRadius20 {
  border-radius: 20px;
}

/*flex 弹性布局*/
.fShrink {
  flex-shrink: 0;
}

.fWrap {
  flex-wrap: wrap;
}

.me-fx-row {
  /*横向排列*/
  display: flex;
}

.me-fx-row-c {
  /*左右居中*/
  display: flex;
  justify-content: center;
}

.me-fx-row-sb {
  /*两端对齐*/
  display: flex;
  justify-content: space-between;
}

.me-fx-row-sb-c {
  /*两端对齐 上下居中*/
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.me-fx-row-sb-start {
  /*两端对齐 上对齐*/
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}

.me-fx-row-sb-end {
  /*两端对齐 底部对齐*/
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}

.me-fx-row-sa {
  /*两端对齐右边距*/
  display: flex;
  justify-content: space-around;
}

.me-fx-row-sa-c {
  /*两端对齐右边距 上下居中*/
  display: flex;
  justify-content: space-around;
  align-items: center;
}

.me-fx-row-sa-end {
  /*两端对齐右边距 底部对齐*/
  display: flex;
  justify-content: space-around;
  align-items: flex-end;
}

.me-fx-row-c-c {
  /*居中对齐 上下居中*/
  display: flex;
  justify-content: center;
  align-items: center;
}

.me-fx-row-c-end {
  /*居中对齐 底部对齐*/
  display: flex;
  justify-content: center;
  align-items: flex-end;
}

.me-fx-row-end {
  /*右对齐*/
  display: flex;
  justify-content: flex-end;
}

.me-fx-row-end-c {
  /*右对齐 上下居中*/
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

.me-fx-row-start-c {
  /*左对齐 上下居中*/
  display: flex;
  align-items: center;
}

.me-fx-row-start-end {
  /*左对齐 底部对齐*/
  display: flex;
  align-items: flex-end;
}

.me-fx-row-start-start {
  /*左对齐 顶部部对齐*/
  display: flex;
  align-items: flex-start;
}

.me-fx-col {
  /*纵向排列*/
  display: flex;
  flex-direction: column;
}

.me-fx-col-c {
  /*上下居中*/
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.me-fx-col-sb {
  /*两端对齐*/
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.me-fx-col-sb-c {
  /*两端对齐 左右居中*/
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
}

.me-fx-col-sa {
  /*两端对齐有边距*/
  display: flex;
  flex-direction: column;
  justify-content: space-around;
}

.me-fx-col-sa-c {
  /*两端对齐有边距 左右居中*/
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  align-items: center;
}

.me-fx-col-c-c {
  /*上下左右居中*/
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.me-fx-col-start-c {
  /*上对齐 左右居中*/
  display: flex;
  flex-direction: column;
  align-items: center;
}

.me-fx-col-end {
  /*下对齐*/
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}

.me-fx-col-end-c {
  /*下对齐 左右居中*/
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
}

.me-fx-1 {
  /*占满剩余空间*/
  flex: 1;
}

/*其他常用样式*/
.me-text-beyond {
  /*文本内容超宽度省略号显示 单行*/
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
}

.me-text-beyond-multi {
  /*文本内容超宽度省略号显示 多行*/
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  text-overflow: ellipsis;
}

.el-tooltip__popper {
  max-width: 500px;
}