.verify-identity-by-phone-container[data-v-cb50e8e6] {
  width: 352px;
}
.verify-identity-by-phone-container .verify-timeline[data-v-cb50e8e6] {
  text-align: left;
  margin: 0;
  padding: 16px 0 0 0;
  list-style-type: none;
}
.verify-identity-by-phone-container .verify-timeline .verify-timeline-item[data-v-cb50e8e6] {
  display: flex;
  align-items: stretch;
  text-align: left;
}
.verify-identity-by-phone-container .verify-timeline .verify-timeline-item .verify-timeline-item-line[data-v-cb50e8e6] {
  width: 10px;
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  flex: 0 0 auto;
}
.verify-identity-by-phone-container .verify-timeline .verify-timeline-item .verify-timeline-item-line .verify-timeline-item-dot[data-v-cb50e8e6] {
  width: 10px;
  height: 10px;
  border-radius: 100%;
  background-color: rgba(0, 0, 0, 0);
  box-shadow: none;
  border: 2px solid rgba(0, 0, 0, 0.4);
}
.verify-identity-by-phone-container .verify-timeline .verify-timeline-item .verify-timeline-item-line .verify-timeline-item-line-tail[data-v-cb50e8e6] {
  width: 2px;
  flex: 1 1 auto;
  min-height: 48px;
  margin: 4px auto;
  background: rgba(0, 0, 0, 0.06);
}
.verify-identity-by-phone-container .verify-timeline .verify-timeline-item .verify-timeline-item-content-wrapper[data-v-cb50e8e6] {
  margin-top: -6px;
  padding: 0 0 20px 12px;
}
.verify-identity-by-phone-container .verify-timeline .verify-timeline-item .verify-timeline-item-content-wrapper .verify-timeline-item-content-for-verify-way .mtd-radio[data-v-cb50e8e6],
.verify-identity-by-phone-container .verify-timeline .verify-timeline-item .verify-timeline-item-content-wrapper .verify-timeline-item-content-for-result .mtd-radio[data-v-cb50e8e6] {
  width: 142px;
}
.verify-identity-by-phone-container .verify-timeline .verify-timeline-item .verify-timeline-item-content-wrapper .verify-timeline-item-content-from-choose-phone .resend-tips[data-v-cb50e8e6] {
  padding: 0 8px;
  line-height: 32px;
  color: rgba(10, 112, 245, 0.9);
  opacity: 0.45;
}
.verify-identity-by-phone-container .verify-timeline .verify-timeline-item .verify-timeline-item-content-wrapper .verify-timeline-item-content-from-choose-phone .mtd-btn[data-v-cb50e8e6] {
  padding: 0 8px;
}
.verify-identity-by-phone-container .verify-timeline .verify-timeline-item .verify-timeline-item-content-wrapper .verify-timeline-item-content-from-choose-phone .revert-mtd-button-color[data-v-cb50e8e6] {
  color: rgba(10, 112, 245, 0.9);
}
.verify-identity-by-phone-container .verify-timeline .verify-timeline-item .verify-timeline-item-content-wrapper .verify-timeline-item-content-from-choose-phone .mtd-radio-group[data-v-cb50e8e6] {
  display: block;
}
.verify-identity-by-phone-container .verify-timeline .verify-timeline-item .verify-timeline-item-content-wrapper .verify-timeline-item-content-from-choose-phone .mtd-radio-group .mtd-radio[data-v-cb50e8e6] {
  display: block;
  line-height: 32px;
}
.verify-identity-by-phone-container .verify-timeline .verify-timeline-item .verify-timeline-item-content-wrapper .verify-timeline-item-content-from-choose-phone .cs-f-secret-field[data-v-cb50e8e6] {
  display: inline;
}
.verify-identity-by-phone-container .verify-timeline .verify-timeline-item .verify-timeline-item-content-wrapper .verify-timeline-item-content-title[data-v-cb50e8e6] {
  font-weight: bold;
  padding: 0 0 8px 0;
}
.verify-identity-by-phone-container .verify-timeline .verify-timeline-item .verify-timeline-item-content-wrapper .verify-timeline-item-content-title .verify-timeline-item-content-title-tips-container[data-v-cb50e8e6] {
  display: inline-block;
}
.verify-identity-by-phone-container .verify-timeline .verify-timeline-item .verify-timeline-item-content-wrapper .verify-timeline-item-content-title .verify-timeline-item-content-title-tips-container .verification-code-tips[data-v-cb50e8e6] {
  color: #ff5f57;
}
.verify-identity-by-phone-container .verify-timeline .verify-timeline-item .verify-timeline-item-content-wrapper .verify-timeline-item-content-title .verify-timeline-item-content-title-tips-container .verify-timeline-item-content-title-tips-content[data-v-cb50e8e6] {
  display: inline-block;
  position: relative;
  font-size: 12px;
  color: white;
  background: #ff5f57;
  border-radius: 2px;
  line-height: 20px;
  padding: 0 4px;
}
.verify-identity-by-phone-container .verify-timeline .verify-timeline-item .verify-timeline-item-content-wrapper .verify-timeline-item-content-title .verify-timeline-item-content-title-tips-container .verify-timeline-item-content-title-tips-content .verify-timeline-item-content-title-tips-arrow[data-v-cb50e8e6] {
  position: relative;
}
.verify-identity-by-phone-container .verify-timeline .verify-timeline-item .verify-timeline-item-content-wrapper .verify-timeline-item-content-title .verify-timeline-item-content-title-tips-container .verify-timeline-item-content-title-tips-content .verify-timeline-item-content-title-tips-arrow[data-v-cb50e8e6]::after {
  content: " ";
  display: block;
  position: absolute;
  width: 0;
  height: 0;
  border: 3px solid rgba(0, 0, 0, 0);
  left: -10px;
  top: 7px;
  border-right-color: #ff5f57;
}
.verify-identity-by-phone-container .verify-timeline-btn-group[data-v-cb50e8e6] {
  text-align: right;
}
.verify-identity-by-phone-container .verify-timeline-btn-group .verify-timeline-cancel-btn[data-v-cb50e8e6] {
  margin: 0 12px 0 0;
}
.dianping-business-modal[data-v-77039674] {
  max-height: 400px;
  overflow: auto;
}
.dianping-business-modal .mtd-form[data-v-77039674] {
  padding: 10px 20px 0 50px;
}
.dianping-business-modal .dianping-pagination[data-v-77039674] {
  display: flex;
  justify-content: center;
  padding-top: 10px;
}
.verify-identity-by-phone-container[data-v-0f8edfb6] {
  min-width: 380px;
}
.verify-identity-by-phone-container .verify-timeline[data-v-0f8edfb6] {
  text-align: left;
  margin: 0;
  padding: 16px 0 0 0;
  list-style-type: none;
}
.verify-identity-by-phone-container .verify-timeline .verify-timeline-item[data-v-0f8edfb6] {
  display: flex;
  align-items: stretch;
  text-align: left;
}
.verify-identity-by-phone-container .verify-timeline .verify-timeline-item .verify-timeline-item-line[data-v-0f8edfb6] {
  width: 10px;
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  flex: 0 0 auto;
}
.verify-identity-by-phone-container .verify-timeline .verify-timeline-item .verify-timeline-item-line .verify-timeline-item-dot[data-v-0f8edfb6] {
  width: 10px;
  height: 10px;
  border-radius: 100%;
  background-color: rgba(0, 0, 0, 0);
  box-shadow: none;
  border: 2px solid rgba(0, 0, 0, 0.4);
}
.verify-identity-by-phone-container .verify-timeline .verify-timeline-item .verify-timeline-item-line .verify-timeline-item-line-tail[data-v-0f8edfb6] {
  width: 2px;
  flex: 1 1 auto;
  min-height: 48px;
  margin: 4px auto;
  background: rgba(0, 0, 0, 0.06);
}
.verify-identity-by-phone-container .verify-timeline .verify-timeline-item .verify-timeline-item-content-wrapper[data-v-0f8edfb6] {
  margin-top: -6px;
  padding: 0 0 20px 12px;
}
.verify-identity-by-phone-container .verify-timeline .verify-timeline-item .verify-timeline-item-content-wrapper .verify-timeline-item-content-for-verify-way .mtd-radio[data-v-0f8edfb6],
.verify-identity-by-phone-container .verify-timeline .verify-timeline-item .verify-timeline-item-content-wrapper .verify-timeline-item-content-for-result .mtd-radio[data-v-0f8edfb6] {
  width: 142px;
}
.verify-identity-by-phone-container .verify-timeline .verify-timeline-item .verify-timeline-item-content-wrapper .verify-timeline-item-content-from-choose-phone .resend-tips[data-v-0f8edfb6] {
  padding: 0 8px;
  line-height: 32px;
  color: rgba(10, 112, 245, 0.9);
  opacity: 0.45;
}
.verify-identity-by-phone-container .verify-timeline .verify-timeline-item .verify-timeline-item-content-wrapper .verify-timeline-item-content-from-choose-phone .mtd-btn[data-v-0f8edfb6] {
  padding: 0 8px;
}
.verify-identity-by-phone-container .verify-timeline .verify-timeline-item .verify-timeline-item-content-wrapper .verify-timeline-item-content-from-choose-phone .revert-mtd-button-color[data-v-0f8edfb6] {
  color: rgba(10, 112, 245, 0.9);
}
.verify-identity-by-phone-container .verify-timeline .verify-timeline-item .verify-timeline-item-content-wrapper .verify-timeline-item-content-from-choose-phone .mtd-radio-group[data-v-0f8edfb6] {
  display: block;
}
.verify-identity-by-phone-container .verify-timeline .verify-timeline-item .verify-timeline-item-content-wrapper .verify-timeline-item-content-from-choose-phone .mtd-radio-group .mtd-radio[data-v-0f8edfb6] {
  display: block;
  line-height: 32px;
}
.verify-identity-by-phone-container .verify-timeline .verify-timeline-item .verify-timeline-item-content-wrapper .verify-timeline-item-content-from-choose-phone .cs-f-secret-field[data-v-0f8edfb6] {
  display: inline;
}
.verify-identity-by-phone-container .verify-timeline .verify-timeline-item .verify-timeline-item-content-wrapper .verify-timeline-item-content-title[data-v-0f8edfb6] {
  font-weight: bold;
  padding: 0 0 8px 0;
}
.verify-identity-by-phone-container .verify-timeline .verify-timeline-item .verify-timeline-item-content-wrapper .verify-timeline-item-content-title .verify-timeline-item-content-title-tips-container[data-v-0f8edfb6] {
  display: inline-block;
}
.verify-identity-by-phone-container .verify-timeline .verify-timeline-item .verify-timeline-item-content-wrapper .verify-timeline-item-content-title .verify-timeline-item-content-title-tips-container .verification-code-tips[data-v-0f8edfb6] {
  color: #ff5f57;
}
.verify-identity-by-phone-container .verify-timeline .verify-timeline-item .verify-timeline-item-content-wrapper .verify-timeline-item-content-title .verify-timeline-item-content-title-tips-container .verify-timeline-item-content-title-tips-content[data-v-0f8edfb6] {
  display: inline-block;
  position: relative;
  font-size: 12px;
  color: white;
  background: #ff5f57;
  border-radius: 2px;
  line-height: 20px;
  padding: 0 4px;
}
.verify-identity-by-phone-container .verify-timeline .verify-timeline-item .verify-timeline-item-content-wrapper .verify-timeline-item-content-title .verify-timeline-item-content-title-tips-container .verify-timeline-item-content-title-tips-content .verify-timeline-item-content-title-tips-arrow[data-v-0f8edfb6] {
  position: relative;
}
.verify-identity-by-phone-container .verify-timeline .verify-timeline-item .verify-timeline-item-content-wrapper .verify-timeline-item-content-title .verify-timeline-item-content-title-tips-container .verify-timeline-item-content-title-tips-content .verify-timeline-item-content-title-tips-arrow[data-v-0f8edfb6]::after {
  content: " ";
  display: block;
  position: absolute;
  width: 0;
  height: 0;
  border: 3px solid rgba(0, 0, 0, 0);
  left: -10px;
  top: 7px;
  border-right-color: #ff5f57;
}
.verify-identity-by-phone-container .verify-timeline-btn-group[data-v-0f8edfb6] {
  text-align: right;
}
.verify-identity-by-phone-container .verify-timeline-btn-group .verify-timeline-cancel-btn[data-v-0f8edfb6] {
  margin: 0 12px 0 0;
}
.verify-identity-by-phone-container[data-v-624cea86] {
  min-width: 380px;
}
.verify-identity-by-phone-container .verify-timeline[data-v-624cea86] {
  text-align: left;
  margin: 0;
  padding: 16px 0 0 0;
  list-style-type: none;
}
.verify-identity-by-phone-container .verify-timeline .verify-timeline-item[data-v-624cea86] {
  display: flex;
  align-items: stretch;
  text-align: left;
}
.verify-identity-by-phone-container .verify-timeline .verify-timeline-item .verify-timeline-item-line[data-v-624cea86] {
  width: 10px;
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  flex: 0 0 auto;
}
.verify-identity-by-phone-container .verify-timeline .verify-timeline-item .verify-timeline-item-line .verify-timeline-item-dot[data-v-624cea86] {
  width: 10px;
  height: 10px;
  border-radius: 100%;
  background-color: rgba(0, 0, 0, 0);
  box-shadow: none;
  border: 2px solid rgba(0, 0, 0, 0.4);
}
.verify-identity-by-phone-container .verify-timeline .verify-timeline-item .verify-timeline-item-line .verify-timeline-item-line-tail[data-v-624cea86] {
  width: 2px;
  flex: 1 1 auto;
  min-height: 48px;
  margin: 4px auto;
  background: rgba(0, 0, 0, 0.06);
}
.verify-identity-by-phone-container .verify-timeline .verify-timeline-item .verify-timeline-item-content-wrapper[data-v-624cea86] {
  margin-top: -6px;
  padding: 0 0 20px 12px;
}
.verify-identity-by-phone-container .verify-timeline .verify-timeline-item .verify-timeline-item-content-wrapper .verify-timeline-item-content-for-verify-way .mtd-radio[data-v-624cea86],
.verify-identity-by-phone-container .verify-timeline .verify-timeline-item .verify-timeline-item-content-wrapper .verify-timeline-item-content-for-result .mtd-radio[data-v-624cea86] {
  width: 142px;
}
.verify-identity-by-phone-container .verify-timeline .verify-timeline-item .verify-timeline-item-content-wrapper .verify-timeline-item-content-from-choose-phone .resend-tips[data-v-624cea86] {
  padding: 0 8px;
  line-height: 32px;
  color: rgba(10, 112, 245, 0.9);
  opacity: 0.45;
}
.verify-identity-by-phone-container .verify-timeline .verify-timeline-item .verify-timeline-item-content-wrapper .verify-timeline-item-content-from-choose-phone .mtd-btn[data-v-624cea86] {
  padding: 0 8px;
}
.verify-identity-by-phone-container .verify-timeline .verify-timeline-item .verify-timeline-item-content-wrapper .verify-timeline-item-content-from-choose-phone .revert-mtd-button-color[data-v-624cea86] {
  color: rgba(10, 112, 245, 0.9);
}
.verify-identity-by-phone-container .verify-timeline .verify-timeline-item .verify-timeline-item-content-wrapper .verify-timeline-item-content-from-choose-phone .mtd-radio-group[data-v-624cea86] {
  display: block;
}
.verify-identity-by-phone-container .verify-timeline .verify-timeline-item .verify-timeline-item-content-wrapper .verify-timeline-item-content-from-choose-phone .mtd-radio-group .mtd-radio[data-v-624cea86] {
  display: block;
  line-height: 32px;
}
.verify-identity-by-phone-container .verify-timeline .verify-timeline-item .verify-timeline-item-content-wrapper .verify-timeline-item-content-from-choose-phone .cs-f-secret-field[data-v-624cea86] {
  display: inline;
}
.verify-identity-by-phone-container .verify-timeline .verify-timeline-item .verify-timeline-item-content-wrapper .verify-timeline-item-content-title[data-v-624cea86] {
  font-weight: bold;
  padding: 0 0 8px 0;
}
.verify-identity-by-phone-container .verify-timeline .verify-timeline-item .verify-timeline-item-content-wrapper .verify-timeline-item-content-title .verify-timeline-item-content-title-tips-container[data-v-624cea86] {
  display: inline-block;
}
.verify-identity-by-phone-container .verify-timeline .verify-timeline-item .verify-timeline-item-content-wrapper .verify-timeline-item-content-title .verify-timeline-item-content-title-tips-container .verification-code-tips[data-v-624cea86] {
  color: #ff5f57;
}
.verify-identity-by-phone-container .verify-timeline .verify-timeline-item .verify-timeline-item-content-wrapper .verify-timeline-item-content-title .verify-timeline-item-content-title-tips-container .verify-timeline-item-content-title-tips-content[data-v-624cea86] {
  display: inline-block;
  position: relative;
  font-size: 12px;
  color: white;
  background: #ff5f57;
  border-radius: 2px;
  line-height: 20px;
  padding: 0 4px;
}
.verify-identity-by-phone-container .verify-timeline .verify-timeline-item .verify-timeline-item-content-wrapper .verify-timeline-item-content-title .verify-timeline-item-content-title-tips-container .verify-timeline-item-content-title-tips-content .verify-timeline-item-content-title-tips-arrow[data-v-624cea86] {
  position: relative;
}
.verify-identity-by-phone-container .verify-timeline .verify-timeline-item .verify-timeline-item-content-wrapper .verify-timeline-item-content-title .verify-timeline-item-content-title-tips-container .verify-timeline-item-content-title-tips-content .verify-timeline-item-content-title-tips-arrow[data-v-624cea86]::after {
  content: " ";
  display: block;
  position: absolute;
  width: 0;
  height: 0;
  border: 3px solid rgba(0, 0, 0, 0);
  left: -10px;
  top: 7px;
  border-right-color: #ff5f57;
}
.verify-identity-by-phone-container .verify-timeline-btn-group[data-v-624cea86] {
  text-align: right;
}
.verify-identity-by-phone-container .verify-timeline-btn-group .verify-timeline-cancel-btn[data-v-624cea86] {
  margin: 0 12px 0 0;
}
.font-color-red[data-v-af4faa1e] {
  color: rgb(255, 95, 87);
}
.financial-information-card[data-v-af4faa1e] {
  width: 100%;
  border: 1px solid rgba(0, 0, 0, 0.06);
  border-radius: 4px;
}
.financial-information-card-content[data-v-af4faa1e] {
  padding: 12px;
  font-size: 14px;
  position: relative;
  color: rgb(255, 95, 87);
  background-color: rgba(255, 95, 87, 0.06);
}
.financial-information-card-content-tip[data-v-af4faa1e] {
  position: absolute;
  right: 0;
  top: 0;
  font-size: 12px;
  color: #fff;
  background: rgb(255, 95, 87);
  border: 1px solid rgba(0, 0, 0, 0);
  border-radius: 0 4px 0 4px;
}
.financial-information-card-operate[data-v-af4faa1e] {
  padding: 8px 16px;
}
.financial-information-card-operate[data-v-af4faa1e] .mtd-radio-group {
  width: 100%;
  display: flex;
}
.financial-information-card-operate[data-v-af4faa1e] .mtd-radio-group > label {
  flex: 1;
}
.font-color-red[data-v-264f44b7] {
  color: rgb(255, 95, 87);
}
.title[data-v-264f44b7] {
  font-size: 16px;
  font-weight: 500;
  color: rgba(0, 0, 0, 0.9);
}
.title[data-v-264f44b7] {
  margin-bottom: 12px;
}
.only-finance[data-v-264f44b7] {
  min-width: 550px;
  display: flex;
}
.only-finance-item[data-v-264f44b7] {
  position: relative;
  flex: 1;
  display: flex;
  flex-direction: column;
  margin-right: 12px;
}
.only-finance-item[data-v-264f44b7]:last-child {
  margin-right: 0;
}
.only-finance-item-header[data-v-264f44b7] {
  margin-bottom: 8px;
  height: 22px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.only-finance-item-header span[data-v-264f44b7] {
  font-weight: 500;
  line-height: 22px;
}
.only-finance-change-btn[data-v-264f44b7] {
  padding: 0;
  font-size: 12px;
}
.font-color-red[data-v-256dcb74] {
  color: rgb(255, 95, 87);
}
.custom-collapse[data-v-256dcb74] {
  border: none;
}
.custom-collapse[data-v-256dcb74] .mtd-collapse-item {
  border: none;
}
.custom-collapse[data-v-256dcb74] .mtd-collapse-item .mtd-collapse-item-header {
  background-color: initial;
  position: relative;
  padding: 0 0 0 16px;
  color: inherit;
}
.custom-collapse[data-v-256dcb74] .mtd-collapse-item .mtd-collapse-item-header i {
  line-height: 22px;
  height: 22px;
  width: 16px;
}
.custom-collapse[data-v-256dcb74] .mtd-collapse-item .mtd-collapse-item-wrapper {
  background-color: initial;
}
.custom-collapse[data-v-256dcb74] .mtd-collapse-item .mtd-collapse-item-content {
  color: inherit;
  padding: 0;
}
.strong[data-v-256dcb74] {
  font-weight: 500;
}
.search-table[data-v-495c1bac] {
  text-align: initial;
}
.search-table .page-pagination[data-v-495c1bac] {
  padding: 8px 0;
  text-align: right;
}
.search-table[data-v-495c1bac] .mtd-table-border {
  border-right: 1px solid rgba(0, 0, 0, 0.06);
}
.search-table[data-v-495c1bac] .mtd-table-border td,
.search-table[data-v-495c1bac] .mtd-table-border th {
  border-right: none;
}
.common-order[data-v-779d5574] {
  min-width: 720px;
}
.common-order[data-v-779d5574] .mtd-table-empty-text-wrapper {
  border-bottom: #ededed 1px solid;
}
.common-order[data-v-779d5574] .mtd-table-cell {
  padding-left: 16px;
  padding-right: 16px;
}
.custom-date-picker[data-v-779d5574] {
  width: 180px;
}
.search-table[data-v-779d5574] {
  margin-top: 10px;
}
.custom-tag[data-v-779d5574] {
  position: absolute;
  right: 0;
  top: 0;
}
.other-pane-tip[data-v-779d5574] {
  padding: 8px 0;
  color: rgba(0, 0, 0, 0.35);
}
.other-pane-tip-black[data-v-779d5574] {
  color: rgba(0, 0, 0, 0.7);
}
.date-picker-icon[data-v-779d5574] {
  margin-left: 6px;
}
.year-pane[data-v-779d5574] {
  margin-top: 8px;
}
.empty-data[data-v-779d5574] {
  color: rgba(0, 0, 0, 0.5);
}
.common-order-custom-nuclear-column .mtd-table-cell {
  position: initial !important;
}
.common-order-custom-row {
  background-color: rgba(0, 0, 0, 0.04) !important;
}
.font-color-red[data-v-5070f96c] {
  color: rgb(255, 95, 87);
}
.font-color-red[data-v-5070f96c] {
  color: rgb(255, 95, 87);
}
.pay-time-column[data-v-5070f96c] {
  display: flex;
}
.font-color-red {
  color: rgb(255, 95, 87);
}
.common-order-custom-column {
  background-color: rgba(255, 95, 87, 0.06) !important;
}
.font-color-red[data-v-1767ac23] {
  color: rgb(255, 95, 87);
}
.font-color-red[data-v-1767ac23] {
  color: rgb(255, 95, 87);
}
.font-color-red {
  color: rgb(255, 95, 87);
}
.common-order-custom-column {
  background-color: rgba(255, 95, 87, 0.06) !important;
}
.font-color-red[data-v-ebb01ae4] {
  color: rgb(255, 95, 87);
}
.order-verify-timeline-title[data-v-ebb01ae4] {
  font-size: 14px;
  font-weight: 500;
  color: rgba(0, 0, 0, 0.9);
}
.order-verify-timeline[data-v-ebb01ae4] {
  padding-top: 7px;
}
.order-verify-timeline-title[data-v-ebb01ae4] {
  margin-bottom: 8px;
}
.order-verify-timeline[data-v-ebb01ae4] .mtd-timeline-item:not(:last-child) .mtd-timeline-item-line-tail {
  display: inherit;
}
.font-color-red[data-v-1d4ab55e] {
  color: rgb(255, 95, 87);
}
.only-order-title[data-v-1d4ab55e] {
  font-size: 16px;
  font-weight: 500;
  color: rgba(0, 0, 0, 0.9);
}
.only-order[data-v-1d4ab55e] {
  min-width: 600px;
}
.only-order-title[data-v-1d4ab55e] {
  margin-bottom: 12px;
}
.font-color-red[data-v-7d710cde] {
  color: rgb(255, 95, 87);
}
.title[data-v-7d710cde] {
  font-size: 16px;
  font-weight: 500;
  color: rgba(0, 0, 0, 0.9);
}
.title[data-v-7d710cde] {
  font-weight: 500;
  margin-bottom: 8px;
}
.content-item[data-v-7d710cde] {
  margin-bottom: 16px;
}
.font-color-red[data-v-6c17736e] {
  color: rgb(255, 95, 87);
}
.font-color-red[data-v-6c17736e] {
  color: rgb(255, 95, 87);
}
.registration-tip[data-v-6c17736e] {
  margin-bottom: 10px;
}
.tips-content[data-v-6c17736e] {
  display: inline-block;
  position: relative;
  font-size: 12px;
  color: white;
  background: #ff5f57;
  border-radius: 2px;
  line-height: 20px;
  margin-left: 4px;
  padding: 0 4px;
}
.tips-content .tips-arrow[data-v-6c17736e] {
  position: relative;
}
.tips-content .tips-arrow[data-v-6c17736e]::after {
  content: " ";
  display: block;
  position: absolute;
  width: 0;
  height: 0;
  border: 3px solid rgba(0, 0, 0, 0);
  left: -10px;
  top: 7px;
  border-right-color: #ff5f57;
}
.font-color-red[data-v-d5e7fc62] {
  color: rgb(255, 95, 87);
}
.title[data-v-d5e7fc62] {
  font-size: 16px;
  font-weight: 500;
  color: rgba(0, 0, 0, 0.9);
}
.title[data-v-d5e7fc62] {
  margin-bottom: 12px;
}
.operate[data-v-d5e7fc62] {
  display: flex;
  justify-content: flex-end;
  margin-top: 16px;
}
.operate button + button[data-v-d5e7fc62] {
  margin-left: 12px;
}
.info[data-v-d5e7fc62] {
  display: flex;
}
.info > i[data-v-d5e7fc62] {
  color: var(--cs-common-primary-color);
  font-size: 22px;
  line-height: 22px;
  margin-right: 10px;
}
.font-color-red[data-v-644161d7] {
  color: rgb(255, 95, 87);
}
.title[data-v-644161d7] {
  font-size: 16px;
  font-weight: 500;
  color: rgba(0, 0, 0, 0.9);
}
.title[data-v-644161d7] {
  margin-bottom: 12px;
}
.custom-announcement[data-v-644161d7] {
  width: 558px;
}
.custom-icon[data-v-644161d7] {
  color: #ff5f57;
  font-size: 16px;
}
.operate[data-v-644161d7] {
  display: flex;
  justify-content: flex-end;
  margin-top: 16px;
}
.operate button + button[data-v-644161d7] {
  margin-left: 12px;
}
.info[data-v-644161d7] {
  display: flex;
}
.info > i[data-v-644161d7] {
  color: #ffc300;
  font-size: 22px;
  line-height: 22px;
  margin-right: 10px;
}
.font-color-red[data-v-abbdc7b2] {
  color: rgb(255, 95, 87);
}
.dianping-business-modal-title[data-v-abbdc7b2] {
  font-size: 16px;
  font-weight: 500;
  color: rgba(0, 0, 0, 0.9);
}
.dianping-business-modal-timeline-title[data-v-abbdc7b2] {
  font-size: 14px;
  font-weight: 500;
  color: rgba(0, 0, 0, 0.9);
}
.dianping-business-modal-title[data-v-abbdc7b2] {
  margin-bottom: 12px;
}
.dianping-business-modal-content[data-v-abbdc7b2] {
  padding: 0 20px;
}
.dianping-business-modal-header[data-v-abbdc7b2] {
  margin-bottom: 12px;
  color: rgb(255, 95, 87);
}
.dianping-business-modal-timeline[data-v-abbdc7b2] {
  padding-top: 7px;
}
.dianping-business-modal-timeline-title[data-v-abbdc7b2] {
  margin-bottom: 8px;
}
.dianping-business-modal-operate[data-v-abbdc7b2] {
  display: flex;
  justify-content: flex-end;
  margin-top: 16px;
  padding: 0 20px;
}
.dianping-business-modal-operate button + button[data-v-abbdc7b2] {
  margin-left: 12px;
}
.on-call-fail-prompt[data-v-abbdc7b2] {
  margin-top: 12px;
  padding: 8px;
  background-color: #fff3f3;
  border-radius: 4px;
  color: rgb(255, 95, 87);
  font-size: 12px;
  line-height: 20px;
}
.font-color-red[data-v-17ad1a02] {
  color: rgb(255, 95, 87);
}
.inline-component-content[data-v-17ad1a02], .inline-component[data-v-17ad1a02], .list-item-content[data-v-17ad1a02] {
  display: flex;
  height: 42px;
  align-items: center;
}
.list-item[data-v-17ad1a02] {
  border-top: 1px solid #edf0f7;
}
.list-item[data-v-17ad1a02]:last-child {
  border-bottom: 1px solid #edf0f7;
}
.list-item-component[data-v-17ad1a02] {
  padding-left: 14px;
}
.list-item-content-title[data-v-17ad1a02] {
  font-weight: 500;
  flex: 1;
}
.list-item-content-radio[data-v-17ad1a02] {
  width: 170px;
}
.inline-component[data-v-17ad1a02] {
  width: 320px;
  margin-right: 10px;
}
.inline-component-content[data-v-17ad1a02] {
  width: 250px;
  padding: 0 12px;
  color: rgb(255, 95, 87);
  background-color: rgba(255, 95, 87, 0.06);
}
.inline-component-content > div[data-v-17ad1a02]:first-child:not(:only-child) {
  width: 80px;
}
.inline-component-content[data-v-17ad1a02]:only-child {
  margin-right: 54px;
}
.font-color-red[data-v-6e601d9a] {
  color: rgb(255, 95, 87);
}
.custom-date-picker[data-v-6e601d9a] {
  width: 220px;
}
.search-table[data-v-6e601d9a] {
  margin-top: 10px;
}
.font-color-red[data-v-6e601d9a] {
  color: rgb(255, 95, 87);
}
.font-color-red {
  color: rgb(255, 95, 87);
}
.order-table-custom-column {
  background-color: rgba(255, 95, 87, 0.06) !important;
}
.three-party-order-table-header[data-v-b25042ec] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-top: 1px solid #edf0f7;
  height: 42px;
}
.three-party-order-table-header > span[data-v-b25042ec] {
  font-weight: 500;
}
.other-info-input[data-v-29b24f56] {
  width: 100%;
}
.other-info-input[placeholder][data-v-29b24f56] {
  overflow: auto;
}
.meituan-business-modal[data-v-7f9f858c] {
  width: 580px;
}
.meituan-business-modal-message[data-v-7f9f858c] {
  background-color: rgba(0, 0, 0, 0.04);
  color: rgba(0, 0, 0, 0.9);
  padding: 7px 12px;
  border-radius: 4px;
  font-size: 14px;
  margin-bottom: 16px;
}
.meituan-business-modal-content[data-v-7f9f858c] {
  margin-top: 10px;
  max-height: 600px;
  overflow: auto;
}
.meituan-business-modal-operate[data-v-7f9f858c] {
  margin-top: 10px;
  display: flex;
  justify-content: space-between;
}
.meituan-business-modal-operate .btn-mg-12 button[data-v-7f9f858c]:not(:last-child) {
  margin-right: 12px;
}
.verify-identity-by-phone-container[data-v-041e4c78] {
  width: 352px;
}
.verify-identity-by-phone-container .verify-timeline[data-v-041e4c78] {
  text-align: left;
  margin: 0;
  padding: 16px 0 0 0;
  list-style-type: none;
}
.verify-identity-by-phone-container .verify-timeline .verify-timeline-item[data-v-041e4c78] {
  display: flex;
  align-items: stretch;
  text-align: left;
}
.verify-identity-by-phone-container .verify-timeline .verify-timeline-item .verify-timeline-item-line[data-v-041e4c78] {
  width: 10px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}
.verify-identity-by-phone-container .verify-timeline .verify-timeline-item .verify-timeline-item-line .verify-timeline-item-dot[data-v-041e4c78] {
  width: 10px;
  height: 10px;
  border-radius: 100%;
  background-color: rgba(0, 0, 0, 0);
  -webkit-box-shadow: none;
  box-shadow: none;
  border: 2px solid rgba(0, 0, 0, 0.4);
}
.verify-identity-by-phone-container .verify-timeline .verify-timeline-item .verify-timeline-item-line .verify-timeline-item-line-tail[data-v-041e4c78] {
  width: 2px;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  min-height: 48px;
  margin: 4px auto;
  background: rgba(0, 0, 0, 0.06);
}
.verify-identity-by-phone-container .verify-timeline .verify-timeline-item .verify-timeline-item-content-wrapper[data-v-041e4c78] {
  margin-top: -6px;
  padding: 0 0 20px 12px;
}
.verify-identity-by-phone-container .verify-timeline .verify-timeline-item .verify-timeline-item-content-wrapper .verify-timeline-item-content-for-verify-way .mtd-radio[data-v-041e4c78],
.verify-identity-by-phone-container .verify-timeline .verify-timeline-item .verify-timeline-item-content-wrapper .verify-timeline-item-content-for-result .mtd-radio[data-v-041e4c78] {
  width: 142px;
}
.verify-identity-by-phone-container .verify-timeline .verify-timeline-item .verify-timeline-item-content-wrapper .verify-timeline-item-content-from-choose-phone .resend-tips[data-v-041e4c78] {
  padding: 0 8px;
  line-height: 32px;
  color: rgba(10, 112, 245, 0.9);
  opacity: 0.45;
}
.verify-identity-by-phone-container .verify-timeline .verify-timeline-item .verify-timeline-item-content-wrapper .verify-timeline-item-content-from-choose-phone .mtd-btn[data-v-041e4c78] {
  padding: 0 8px;
}
.verify-identity-by-phone-container .verify-timeline .verify-timeline-item .verify-timeline-item-content-wrapper .verify-timeline-item-content-from-choose-phone .revert-mtd-button-color[data-v-041e4c78] {
  height: 32px;
  color: rgba(10, 112, 245, 0.9);
}
.verify-identity-by-phone-container .verify-timeline .verify-timeline-item .verify-timeline-item-content-wrapper .verify-timeline-item-content-from-choose-phone .mtd-radio-group[data-v-041e4c78] {
  display: block;
}
.verify-identity-by-phone-container .verify-timeline .verify-timeline-item .verify-timeline-item-content-wrapper .verify-timeline-item-content-from-choose-phone .mtd-radio-group .mtd-radio[data-v-041e4c78] {
  display: block;
  line-height: 32px;
}
.verify-identity-by-phone-container .verify-timeline .verify-timeline-item .verify-timeline-item-content-wrapper .verify-timeline-item-content-from-choose-phone .cs-f-secret-field[data-v-041e4c78] {
  display: inline;
}
.verify-identity-by-phone-container .verify-timeline .verify-timeline-item .verify-timeline-item-content-wrapper .verify-timeline-item-content-title[data-v-041e4c78] {
  font-weight: bold;
  padding: 0 0 8px 0;
}
.verify-identity-by-phone-container .verify-timeline .verify-timeline-item .verify-timeline-item-content-wrapper .verify-timeline-item-content-title .verify-timeline-item-content-title-tips-container[data-v-041e4c78] {
  display: inline-block;
}
.verify-identity-by-phone-container .verify-timeline .verify-timeline-item .verify-timeline-item-content-wrapper .verify-timeline-item-content-title .verify-timeline-item-content-title-tips-container .verification-code-tips[data-v-041e4c78] {
  color: #ff5f57;
}
.verify-identity-by-phone-container .verify-timeline .verify-timeline-item .verify-timeline-item-content-wrapper .verify-timeline-item-content-title .verify-timeline-item-content-title-tips-container .verify-timeline-item-content-title-tips-content[data-v-041e4c78] {
  display: inline-block;
  position: relative;
  font-size: 12px;
  color: white;
  background: #ff5f57;
  border-radius: 2px;
  line-height: 20px;
  padding: 0 4px;
}
.verify-identity-by-phone-container .verify-timeline .verify-timeline-item .verify-timeline-item-content-wrapper .verify-timeline-item-content-title .verify-timeline-item-content-title-tips-container .verify-timeline-item-content-title-tips-content .verify-timeline-item-content-title-tips-arrow[data-v-041e4c78] {
  position: relative;
}
.verify-identity-by-phone-container .verify-timeline .verify-timeline-item .verify-timeline-item-content-wrapper .verify-timeline-item-content-title .verify-timeline-item-content-title-tips-container .verify-timeline-item-content-title-tips-content .verify-timeline-item-content-title-tips-arrow[data-v-041e4c78]::after {
  content: " ";
  display: block;
  position: absolute;
  width: 0;
  height: 0;
  border: 3px solid rgba(0, 0, 0, 0);
  left: -10px;
  top: 7px;
  border-right-color: #ff5f57;
}
.verify-identity-by-phone-container .verify-timeline-btn-group[data-v-041e4c78] {
  display: flex;
  justify-content: flex-end;
}
.verify-identity-by-phone-container .verify-timeline-btn-group .verify-timeline-cancel-btn[data-v-041e4c78] {
  margin: 0 12px 0 0;
}
.send-chart-tips[data-v-3f431661] {
  background: #fff9e6;
  border-radius: 4px;
  padding: 4px 12px 4px 32px;
}
.send-chart-tips .send-chart-tip-item[data-v-3f431661] {
  position: relative;
  margin: 4px 0;
  font-size: 14px;
  color: #592d00;
  line-height: 22px;
}
.send-chart-tips .send-chart-tip-copy[data-v-3f431661] {
  position: absolute;
  top: 3px;
  left: -24px;
  font-size: 16px;
  color: #592d00;
  cursor: pointer;
}
.send-message-tips .send-message-input-box[data-v-1df29cfc] {
  margin-bottom: 8px;
}
.send-message-tips .send-message-content[data-v-1df29cfc] {
  background: #fff9e6;
  border-radius: 4px;
  padding: 8px 12px;
  color: #592d00;
}
.send-message-tips[data-v-1df29cfc] .mtd-collapse {
  border: none;
}
.send-message-tips[data-v-1df29cfc] .mtd-collapse .mtd-collapse-item {
  border: none;
}
.send-message-tips[data-v-1df29cfc] .mtd-collapse .mtd-collapse-item .mtd-collapse-item-header {
  padding: 0 16px;
  background-color: #fff9e6;
  color: #592d00;
}
.send-message-tips[data-v-1df29cfc] .mtd-collapse .mtd-collapse-item .mtd-collapse-item-wrapper {
  background-color: #fff9e6;
  color: #592d00;
}
.send-message-tips[data-v-1df29cfc] .mtd-collapse .mtd-collapse-item .mtd-collapse-item-content {
  padding: 0 16px;
  color: #592d00;
}
.send-message-tips[data-v-1df29cfc] .mtd-collapse .mtd-collapse-item .mtd-collapse-arrow {
  line-height: 22px;
  width: auto;
}
.daozong-order-list[data-v-2059bd12] {
  width: 100%;
}
.daozong-order-list .daozong-order-list-header[data-v-2059bd12] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 8px;
}
.daozong-order-list .daozong-order-list-header .flex[data-v-2059bd12] {
  display: flex;
  align-items: center;
}
.daozong-order-list .daozong-order-list-header .date-select-hint[data-v-2059bd12] {
  margin-left: 10px;
  font-size: 12px;
  color: #999;
}
.daozong-order-list .daozong-filter[data-v-2059bd12] {
  color: var(--cs-common-primary-color);
}
.daozong-order-list .daozong-order-list-pagination[data-v-2059bd12] {
  padding-top: 10px;
  text-align: right;
}
.daozong-order-list .text-align-r[data-v-2059bd12] {
  text-align: right;
}
.daozong-order-list .radio-check[data-v-2059bd12] {
  cursor: pointer;
}
.daozong-order-list .radio-check .radio-innter[data-v-2059bd12] {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  width: 16px;
  height: 16px;
  border: 1px solid rgba(0, 0, 0, 0.12);
  border-radius: 50%;
  transition: all 0.1s ease-in-out;
  background-color: #fff;
}
.daozong-order-list .radio-check.active[data-v-2059bd12] {
  color: var(--cs-common-primary-color);
}
.daozong-order-list .radio-check.active .radio-innter[data-v-2059bd12] {
  border-color: var(--cs-common-primary-color);
  border-width: 5px;
}
.daozong-order-list .radio-label[data-v-2059bd12] {
  display: inline-block;
  vertical-align: middle;
}
.daozong-business-modal[data-v-c7c1b482] {
  width: 960px;
}
.daozong-business-modal .daozong-business-modal-content[data-v-c7c1b482] {
  position: relative;
}
.daozong-business-modal .daozong-business-modal-content .daozong-business-modal-timeline[data-v-c7c1b482] {
  max-height: 80vh;
  padding-top: 10px;
  padding-bottom: 20px;
  overflow-y: auto;
}
.daozong-business-modal .daozong-business-modal-content .icon-unfold[data-v-c7c1b482] {
  cursor: pointer;
}
.daozong-business-modal .daozong-business-modal-content[data-v-c7c1b482]::after {
  content: "";
  position: absolute;
  bottom: -1px;
  left: 0;
  right: 0;
  height: 20px;
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 0%);
}
.daozong-business-modal .daozong-business-modal-timeline-title[data-v-c7c1b482] {
  margin-bottom: 8px;
  font-weight: 500;
  color: rgba(0, 0, 0, 0.9);
  letter-spacing: 0;
  line-height: 22px;
}
.daozong-business-modal .mtdicon-refresh-o[data-v-c7c1b482] {
  color: var(--cs-common-primary-color);
}
.daozong-business-modal .daozong-business-modal-hint[data-v-c7c1b482] {
  color: rgba(0, 0, 0, 0.35);
}
.daozong-business-modal .daozong-business-modal-footer[data-v-c7c1b482] {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.daozong-business-modal .daozong-business-modal-footer .right[data-v-c7c1b482] {
  display: flex;
  align-items: center;
}
.daozong-business-modal .daozong-business-modal-footer .margin-right-20[data-v-c7c1b482] {
  margin-right: 20px;
}
.daozong-business-modal .daozong-business-modal-message[data-v-c7c1b482] {
  transition: 0.5s ease-in;
}
.daozong-business-modal .daozong-business-modal-message.hide[data-v-c7c1b482] {
  transform: scaleY(0);
  transition: 0.5s;
  transform-origin: top center;
  height: 0;
}
.daozong-business-modal .preview-image .preview-image-item-date[data-v-c7c1b482] {
  width: 80px;
  margin-bottom: 10px;
  font-size: 12px;
  color: rgba(0, 0, 0, 0.5);
  letter-spacing: 0;
  line-height: 16px;
}
.daozong-business-modal .margin-top-8[data-v-c7c1b482] {
  margin-top: 8px;
}
.daozong-business-modal[data-v-c7c1b482] .mtd-timeline-item-content-wrapper {
  width: calc(100% - 10px);
}
.daozong-business-modal[data-v-c7c1b482] .mtd-btn-text {
  color: var(--cs-common-primary-color);
}
.verify-identity-by-phone-container[data-v-12e1f7b7] {
  width: 352px;
}
.verify-identity-by-phone-container .verify-timeline[data-v-12e1f7b7] {
  text-align: left;
  margin: 0;
  padding: 16px 0 0 0;
  list-style-type: none;
}
.verify-identity-by-phone-container .verify-timeline .verify-timeline-item[data-v-12e1f7b7] {
  display: flex;
  align-items: stretch;
  text-align: left;
}
.verify-identity-by-phone-container .verify-timeline .verify-timeline-item .verify-timeline-item-line[data-v-12e1f7b7] {
  width: 10px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}
.verify-identity-by-phone-container .verify-timeline .verify-timeline-item .verify-timeline-item-line .verify-timeline-item-dot[data-v-12e1f7b7] {
  width: 10px;
  height: 10px;
  border-radius: 100%;
  background-color: rgba(0, 0, 0, 0);
  -webkit-box-shadow: none;
  box-shadow: none;
  border: 2px solid rgba(0, 0, 0, 0.4);
}
.verify-identity-by-phone-container .verify-timeline .verify-timeline-item .verify-timeline-item-line .verify-timeline-item-line-tail[data-v-12e1f7b7] {
  width: 2px;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  min-height: 48px;
  margin: 4px auto;
  background: rgba(0, 0, 0, 0.06);
}
.verify-identity-by-phone-container .verify-timeline .verify-timeline-item .verify-timeline-item-content-wrapper[data-v-12e1f7b7] {
  margin-top: -6px;
  padding: 0 0 20px 12px;
}
.verify-identity-by-phone-container .verify-timeline .verify-timeline-item .verify-timeline-item-content-wrapper .verify-timeline-item-content-for-verify-way .mtd-radio[data-v-12e1f7b7],
.verify-identity-by-phone-container .verify-timeline .verify-timeline-item .verify-timeline-item-content-wrapper .verify-timeline-item-content-for-result .mtd-radio[data-v-12e1f7b7] {
  width: 150px;
}
.verify-identity-by-phone-container .verify-timeline .verify-timeline-item .verify-timeline-item-content-wrapper .verify-timeline-item-content-from-choose-phone .resend-tips[data-v-12e1f7b7] {
  padding: 0 8px;
  line-height: 32px;
  color: rgba(10, 112, 245, 0.9);
  opacity: 0.45;
}
.verify-identity-by-phone-container .verify-timeline .verify-timeline-item .verify-timeline-item-content-wrapper .verify-timeline-item-content-from-choose-phone .mtd-btn[data-v-12e1f7b7] {
  padding: 0 8px;
}
.verify-identity-by-phone-container .verify-timeline .verify-timeline-item .verify-timeline-item-content-wrapper .verify-timeline-item-content-from-choose-phone .revert-mtd-button-color[data-v-12e1f7b7] {
  height: 32px;
  color: rgba(10, 112, 245, 0.9);
}
.verify-identity-by-phone-container .verify-timeline .verify-timeline-item .verify-timeline-item-content-wrapper .verify-timeline-item-content-from-choose-phone .mtd-radio-group[data-v-12e1f7b7] {
  display: block;
}
.verify-identity-by-phone-container .verify-timeline .verify-timeline-item .verify-timeline-item-content-wrapper .verify-timeline-item-content-from-choose-phone .mtd-radio-group .mtd-radio[data-v-12e1f7b7] {
  display: block;
  line-height: 32px;
}
.verify-identity-by-phone-container .verify-timeline .verify-timeline-item .verify-timeline-item-content-wrapper .verify-timeline-item-content-from-choose-phone .cs-f-secret-field[data-v-12e1f7b7] {
  display: inline;
}
.verify-identity-by-phone-container .verify-timeline .verify-timeline-item .verify-timeline-item-content-wrapper .verify-timeline-item-content-title[data-v-12e1f7b7] {
  font-weight: bold;
  padding: 0 0 8px 0;
}
.verify-identity-by-phone-container .verify-timeline .verify-timeline-item .verify-timeline-item-content-wrapper .verify-timeline-item-content-title .verify-timeline-item-content-title-tips-container[data-v-12e1f7b7] {
  display: inline-block;
}
.verify-identity-by-phone-container .verify-timeline .verify-timeline-item .verify-timeline-item-content-wrapper .verify-timeline-item-content-title .verify-timeline-item-content-title-tips-container .verification-code-tips[data-v-12e1f7b7] {
  color: #ff5f57;
}
.verify-identity-by-phone-container .verify-timeline .verify-timeline-item .verify-timeline-item-content-wrapper .verify-timeline-item-content-title .verify-timeline-item-content-title-tips-container .verify-timeline-item-content-title-tips-content[data-v-12e1f7b7] {
  display: inline-block;
  position: relative;
  font-size: 12px;
  color: white;
  background: #ff5f57;
  border-radius: 2px;
  line-height: 20px;
  padding: 0 4px;
}
.verify-identity-by-phone-container .verify-timeline .verify-timeline-item .verify-timeline-item-content-wrapper .verify-timeline-item-content-title .verify-timeline-item-content-title-tips-container .verify-timeline-item-content-title-tips-content .verify-timeline-item-content-title-tips-arrow[data-v-12e1f7b7] {
  position: relative;
}
.verify-identity-by-phone-container .verify-timeline .verify-timeline-item .verify-timeline-item-content-wrapper .verify-timeline-item-content-title .verify-timeline-item-content-title-tips-container .verify-timeline-item-content-title-tips-content .verify-timeline-item-content-title-tips-arrow[data-v-12e1f7b7]::after {
  content: " ";
  display: block;
  position: absolute;
  width: 0;
  height: 0;
  border: 3px solid rgba(0, 0, 0, 0);
  left: -10px;
  top: 7px;
  border-right-color: #ff5f57;
}
.verify-identity-by-phone-container .verify-timeline-btn-group[data-v-12e1f7b7] {
  text-align: right;
}
.verify-identity-by-phone-container .verify-timeline-btn-group .verify-timeline-cancel-btn[data-v-12e1f7b7] {
  margin: 0 12px 0 0;
}
.mobike-business-map[data-v-0a476f1c] {
  width: 100%;
  height: 100%;
  min-height: 70vh;
}
.mobike-order-list[data-v-41566e6a] {
  width: 100%;
  padding-bottom: 20px;
}
.mobike-order-list .mobike-order-list-header[data-v-41566e6a] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 8px;
}
.mobike-order-list .mobike-order-list-header .flex[data-v-41566e6a] {
  display: flex;
  align-items: center;
}
.mobike-order-list .mobike-order-list-header .date-select-hint[data-v-41566e6a] {
  margin-left: 10px;
  font-size: 12px;
  color: #999;
}
.mobike-order-list .mobike-order-list-body[data-v-41566e6a] {
  max-height: 400px;
  overflow-y: auto;
  border-top: 0.5px solid rgba(0, 0, 0, 0.12);
}
.mobike-order-list .mobike-order-list-body .mobike-order[data-v-41566e6a] {
  border: 0.5px solid rgba(0, 0, 0, 0.12);
  border-top: none;
}
.mobike-order-list .mobike-order-list-body .mobike-order-list-item[data-v-41566e6a] {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 40px;
}
.mobike-order-list .mobike-order-list-body .mobike-order-list-item .expand-icon[data-v-41566e6a] {
  position: absolute;
  top: 0;
  bottom: 0;
  left: -40px;
  width: 40px;
  background: rgba(0, 0, 0, 0.03);
  display: flex;
  align-items: center;
  justify-content: center;
}
.mobike-order-list .mobike-order-list-body .mobike-order-list-item .expand-icon .mtd-icon[data-v-41566e6a] {
  cursor: pointer;
}
.mobike-order-list .mobike-order-list-body .mobike-order-list-item .expand-icon .mtdicon-close[data-v-41566e6a] {
  margin-left: 10px;
}
.mobike-order-list .mobike-order-list-body .mobike-order-list-item .item-name[data-v-41566e6a] {
  width: 168px;
  padding: 9px 16px;
}
.mobike-order-list .mobike-order-list-body .mobike-order-list-item .item-value[data-v-41566e6a] {
  flex: 1;
  background: rgba(255, 95, 87, 0.1);
  color: #ff5f57;
  padding: 9px 16px;
  word-break: break-all;
}
.mobike-order-list .mobike-order-list-body .mobike-order-list-item .item-radio[data-v-41566e6a] {
  width: 200px;
  padding: 9px 16px;
}
.mobike-order-list .mobike-order-list-body .mobike-order-list-item .trade-color[data-v-41566e6a] {
  color: rgba(0, 0, 0, 0.7);
  background: #f7f7f7;
}
.mobike-order-list .mobike-order-list-body .border-top[data-v-41566e6a] {
  border-top: 0.5px solid rgba(0, 0, 0, 0.12);
}
.mobike-order-list .mobike-order-list-body .item-hint[data-v-41566e6a] {
  margin: 4px 4px 4px 44px;
  padding: 4px 10px;
  background: rgba(0, 0, 0, 0.06);
  border-radius: 3px;
  color: #999;
  font-size: 12px;
  text-align: center;
}
.mobike-order-list .mobike-filter[data-v-41566e6a] {
  color: var(--cs-common-primary-color);
}
.mobike-order-list .text-align-r[data-v-41566e6a] {
  text-align: right;
}
.mobike-order-list .radio-innter[data-v-41566e6a] {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  width: 16px;
  height: 16px;
  border: 1px solid rgba(0, 0, 0, 0.12);
  border-radius: 50%;
  transition: all 0.1s ease-in-out;
  background-color: #fff;
}
.mobike-order-list .radio-check[data-v-41566e6a] {
  cursor: pointer;
}
.mobike-order-list .radio-check.active[data-v-41566e6a] {
  color: var(--cs-common-primary-color);
}
.mobike-order-list .radio-check.active .radio-innter[data-v-41566e6a] {
  border-color: var(--cs-common-primary-color);
  border-width: 5px;
}
.mobike-order-list .radio-label[data-v-41566e6a] {
  display: inline-block;
  vertical-align: middle;
}
.mobike-order-list .mobike-order-list-more[data-v-41566e6a] {
  text-align: center;
}
.mobike-order-list .mobike-order-list-no-data[data-v-41566e6a] {
  text-align: center;
  color: rgba(0, 0, 0, 0.84);
  line-height: 60px;
  border-bottom: 0.5px solid rgba(0, 0, 0, 0.12);
}
.mobike-business-modal[data-v-0a30c8d0] {
  width: 600px;
  /* stylelint-disable no-descending-specificity */
  /* stylelint-enable no-descending-specificity */
}
.mobike-business-modal .mobike-business-modal-content[data-v-0a30c8d0] {
  position: relative;
}
.mobike-business-modal .mobike-business-modal-content .icon-unfold[data-v-0a30c8d0] {
  cursor: pointer;
}
.mobike-business-modal .mobike-business-modal-content[data-v-0a30c8d0]::after {
  content: "";
  position: absolute;
  bottom: -1px;
  left: 0;
  right: 0;
  height: 20px;
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.5) 50%, rgba(255, 255, 255, 0.8) 100%);
}
.mobike-business-modal .mobike-business-modal-content .business-verify-type-title[data-v-0a30c8d0] {
  padding: 12px 0 8px 0;
  font-weight: 500;
  color: rgba(0, 0, 0, 0.9);
  line-height: 22px;
}
.mobike-business-modal .mobike-business-modal-content .business-verify-type-title .error-message[data-v-0a30c8d0] {
  font-size: 12px;
  color: #ff5f57;
  letter-spacing: 0;
  line-height: 20px;
}
.mobike-business-modal .mobike-business-modal-content[data-v-0a30c8d0] .mtd-table-body tr:hover > td:not(.verify-content) {
  background-color: initial;
}
.mobike-business-modal .mobike-business-modal-timeline-title[data-v-0a30c8d0] {
  margin-bottom: 8px;
  font-weight: 500;
  color: rgba(0, 0, 0, 0.9);
  letter-spacing: 0;
  line-height: 22px;
}
.mobike-business-modal .mtdicon-refresh-o[data-v-0a30c8d0] {
  color: var(--cs-common-primary-color);
}
.mobike-business-modal .mobike-business-modal-hint[data-v-0a30c8d0] {
  color: rgba(0, 0, 0, 0.35);
}
.mobike-business-modal .mobike-business-modal-footer[data-v-0a30c8d0] {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.mobike-business-modal .mobike-business-modal-footer .right[data-v-0a30c8d0] {
  display: flex;
  align-items: center;
}
.mobike-business-modal .mobike-business-modal-footer .margin-right-20[data-v-0a30c8d0] {
  margin-right: 20px;
}
.mobike-business-modal .mobike-business-modal-message[data-v-0a30c8d0] {
  transition: 0.5s ease-in;
}
.mobike-business-modal .mobike-business-modal-message.hide[data-v-0a30c8d0] {
  transform: scaleY(0);
  transition: 0.5s;
  transform-origin: top center;
  height: 0;
}
.mobike-business-modal .margin-top-8[data-v-0a30c8d0] {
  margin-top: 8px;
}
.mobike-business-modal[data-v-0a30c8d0] .verify-content {
  background: rgba(255, 95, 87, 0.1);
  color: #ff5f57;
}
.mobike-business-modal[data-v-0a30c8d0] .mtd-timeline-item-content-wrapper {
  width: calc(100% - 10px);
}
.mobike-business-modal[data-v-0a30c8d0] .mtd-btn-text {
  color: var(--cs-common-primary-color);
}
.mobike-business-modal[data-v-0a30c8d0] .mtd-tabs-bottom-border {
  height: 0;
}
.mobike-business-modal[data-v-0a30c8d0] .mtd-tabs-nocard .mtd-tabs-bar {
  background-color: rgba(0, 0, 0, 0.9);
}
.mobike-business-modal[data-v-0a30c8d0] .mtd-tabs-nocard .mtd-tabs-item.mtd-tab-active,
.mobike-business-modal[data-v-0a30c8d0] .mtd-tabs-nocard .mtd-tabs-item:hover {
  color: rgba(0, 0, 0, 0.9);
}
.verify-identity-by-phone-container .verify-recommend[data-v-026d17e4] {
  box-sizing: border-box;
  padding: 8px 12px;
  width: 552px;
  background: #fff9e6;
  border-radius: 4px;
  font-size: 14px;
  margin-top: 14px;
}
.verify-identity-by-phone-container .verify-recommend .verify-recommend-title[data-v-026d17e4] {
  font-weight: 500;
  color: #592d00;
  line-height: 22px;
  margin: 0;
}
.verify-identity-by-phone-container .verify-recommend .verify-recommend-content[data-v-026d17e4] {
  font-weight: 400;
  color: #592d00;
  line-height: 22px;
}
.verify-identity-by-phone-container .verify-timeline[data-v-026d17e4] {
  text-align: left;
  margin: 0;
  padding: 16px 0 0 0;
  list-style-type: none;
}
.verify-identity-by-phone-container .verify-timeline .verify-timeline-item[data-v-026d17e4] {
  display: flex;
  align-items: stretch;
  text-align: left;
}
.verify-identity-by-phone-container .verify-timeline .verify-timeline-item .verify-timeline-item-line[data-v-026d17e4] {
  width: 10px;
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  flex: 0 0 auto;
}
.verify-identity-by-phone-container .verify-timeline .verify-timeline-item .verify-timeline-item-line .verify-timeline-item-dot[data-v-026d17e4] {
  width: 10px;
  height: 10px;
  border-radius: 100%;
  background-color: rgba(0, 0, 0, 0);
  box-shadow: none;
  border: 2px solid rgba(0, 0, 0, 0.4);
}
.verify-identity-by-phone-container .verify-timeline .verify-timeline-item .verify-timeline-item-line .verify-timeline-item-line-tail[data-v-026d17e4] {
  width: 2px;
  flex: 1 1 auto;
  min-height: 48px;
  margin: 4px auto;
  background: rgba(0, 0, 0, 0.06);
}
.verify-identity-by-phone-container .verify-timeline .verify-timeline-item .verify-timeline-item-content-wrapper[data-v-026d17e4] {
  margin-top: -6px;
  padding: 0 0 20px 12px;
}
.verify-identity-by-phone-container .verify-timeline .verify-timeline-item .verify-timeline-item-content-wrapper .verify-timeline-item-content-for-verify-way .mtd-radio[data-v-026d17e4],
.verify-identity-by-phone-container .verify-timeline .verify-timeline-item .verify-timeline-item-content-wrapper .verify-timeline-item-content-for-result .mtd-radio[data-v-026d17e4] {
  width: 160px;
}
.verify-identity-by-phone-container .verify-timeline .verify-timeline-item .verify-timeline-item-content-wrapper .verify-timeline-item-content-from-choose-phone .resend-tips[data-v-026d17e4] {
  padding: 0 8px;
  line-height: 32px;
  color: var(--cs-common-primary-color);
  opacity: 0.45;
}
.verify-identity-by-phone-container .verify-timeline .verify-timeline-item .verify-timeline-item-content-wrapper .verify-timeline-item-content-from-choose-phone .mtd-btn[data-v-026d17e4] {
  padding: 0 8px;
}
.verify-identity-by-phone-container .verify-timeline .verify-timeline-item .verify-timeline-item-content-wrapper .verify-timeline-item-content-from-choose-phone .revert-mtd-button-color[data-v-026d17e4] {
  height: 32px;
  color: var(--cs-common-primary-color);
}
.verify-identity-by-phone-container .verify-timeline .verify-timeline-item .verify-timeline-item-content-wrapper .verify-timeline-item-content-from-choose-phone .mtd-radio-group[data-v-026d17e4] {
  display: block;
}
.verify-identity-by-phone-container .verify-timeline .verify-timeline-item .verify-timeline-item-content-wrapper .verify-timeline-item-content-from-choose-phone .mtd-radio-group .mtd-radio[data-v-026d17e4] {
  display: block;
  line-height: 32px;
}
.verify-identity-by-phone-container .verify-timeline .verify-timeline-item .verify-timeline-item-content-wrapper .verify-timeline-item-content-from-choose-phone .cs-f-secret-field[data-v-026d17e4] {
  display: inline;
}
.verify-identity-by-phone-container .verify-timeline .verify-timeline-item .verify-timeline-item-content-wrapper .verify-timeline-item-content-title[data-v-026d17e4] {
  font-weight: bold;
  padding: 0 0 8px 0;
}
.verify-identity-by-phone-container .verify-timeline .verify-timeline-item .verify-timeline-item-content-wrapper .verify-timeline-item-content-title .verify-timeline-item-content-title-tips-container[data-v-026d17e4] {
  display: inline-block;
}
.verify-identity-by-phone-container .verify-timeline .verify-timeline-item .verify-timeline-item-content-wrapper .verify-timeline-item-content-title .verify-timeline-item-content-title-tips-container .verification-code-tips[data-v-026d17e4] {
  color: #ff5f57;
}
.verify-identity-by-phone-container .verify-timeline .verify-timeline-item .verify-timeline-item-content-wrapper .verify-timeline-item-content-title .verify-timeline-item-content-title-tips-container .verify-timeline-item-content-title-tips-content[data-v-026d17e4] {
  display: inline-block;
  position: relative;
  font-size: 12px;
  color: white;
  background: #ff5f57;
  border-radius: 2px;
  line-height: 20px;
  padding: 0 4px;
}
.verify-identity-by-phone-container .verify-timeline .verify-timeline-item .verify-timeline-item-content-wrapper .verify-timeline-item-content-title .verify-timeline-item-content-title-tips-container .verify-timeline-item-content-title-tips-content .verify-timeline-item-content-title-tips-arrow[data-v-026d17e4] {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 88px;
  height: 24px;
  font-weight: 400;
  font-size: 12px;
  color: #fff;
}
.verify-identity-by-phone-container .verify-timeline .verify-timeline-item .verify-timeline-item-content-wrapper .verify-timeline-item-content-title .verify-timeline-item-content-title-tips-container .verify-timeline-item-content-title-tips-content .verify-timeline-item-content-title-tips-arrow[data-v-026d17e4]::after {
  content: " ";
  display: block;
  position: absolute;
  width: 0;
  height: 0;
  border: 5px solid rgba(0, 0, 0, 0);
  left: -13px;
  top: 7px;
  border-right-color: #ff5f57;
}
.verify-identity-by-phone-container .verify-timeline-btn-group[data-v-026d17e4] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 6px;
}
.verify-identity-by-phone-container .verify-timeline-btn-group .btn-group[data-v-026d17e4] {
  display: flex;
  align-items: center;
}
.verify-identity-by-phone-container .verify-timeline-btn-group .btn-group .verify-toggle-business[data-v-026d17e4] {
  margin-left: 12px;
  font-size: 14px;
  color: var(--cs-common-primary-color);
  line-height: 22px;
  cursor: pointer;
}
.verify-identity-by-phone-container .verify-timeline-btn-group .btn-group .verify-toggle-business i[data-v-026d17e4] {
  font-size: 16px;
}
.verify-identity-by-phone-container .verify-timeline-btn-group .btn-group .verify-toggle-business .verify-toggle-business-button .verify-change-way-tip[data-v-026d17e4] {
  position: relative;
  display: inline-block;
  text-align: center;
  width: 82px;
  height: 24px;
  line-height: 24px;
  font-weight: 400;
  font-size: 12px;
  color: #fff;
  letter-spacing: 0;
  background: #ff5f57;
  border-radius: 2px;
  margin-left: 12px;
}
.verify-identity-by-phone-container .verify-timeline-btn-group .btn-group .verify-toggle-business .verify-toggle-business-button .verify-change-way-tip[data-v-026d17e4]::before {
  content: "";
  width: 0;
  height: 0;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-right: 5px solid #ff5f57;
  position: absolute;
  left: -4px;
  top: 7px;
}
.operate[data-v-b08d5c3e] {
  display: flex;
  justify-content: flex-end;
  margin-top: 10px;
}
.undone-nuclear[data-v-b08d5c3e] {
  display: flex;
  width: 350px;
}
.undone-nuclear > i[data-v-b08d5c3e] {
  color: #ffc300;
  font-size: 22px;
  line-height: 22px;
  margin-right: 10px;
}
.verify-item-container[data-v-68f3737d] {
  display: flex;
  align-items: center;
  height: 44px;
}
.verify-item-container .wyc-title[data-v-68f3737d] {
  width: 150px;
}
.verify-item-container .verify-item[data-v-68f3737d] {
  padding-left: 12px;
}
.verify-item-container .verify-item-value[data-v-68f3737d] {
  width: 320px;
  height: 44px;
  background-color: rgba(245, 72, 59, 0.08);
  color: #f5483b;
  display: flex;
  align-items: center;
}
.verify-item-container .verify-item-value .item-value-split[data-v-68f3737d]:last-child {
  border-left: 1px solid rgba(245, 72, 59, 0.08);
}
.verify-item-container .verify-item-choice[data-v-68f3737d] {
  width: 182px;
  box-sizing: border-box;
  padding-left: 30px;
}
.order-info-wyc[data-v-279e62ba] {
  max-height: 440px;
  position: relative;
  overflow-y: scroll;
}
.order-info-wyc .wyc-title[data-v-279e62ba] {
  width: 150px;
}
.order-info-wyc.mtd-list[data-v-279e62ba] {
  border: none;
}
.order-info-wyc .mtd-list-item[data-v-279e62ba] {
  padding: 0;
}
.order-info-wyc .mtd-list-item[data-v-279e62ba]:not(:last-child) {
  border-bottom: none;
}
.order-info-wyc .order-position[data-v-279e62ba] {
  display: flex;
  align-items: center;
  width: 320px;
  height: 44px;
  padding-left: 12px;
  background-color: rgba(245, 72, 59, 0.08);
  color: #f5483b;
}
.order-info-wyc .header-txt[data-v-279e62ba] {
  font-weight: 500;
  color: rgba(0, 0, 0, 0.5);
}
.order-info-wyc .position-value[data-v-279e62ba] {
  padding-right: 12px;
}
.order-info-wyc .order-info-time[data-v-279e62ba] {
  display: flex;
  align-items: center;
  width: 655px;
  height: 36px;
  padding-left: 12px;
  color: #000;
  background: rgba(0, 0, 0, 0.02);
}
.order-info-wyc .load-more[data-v-279e62ba] {
  position: sticky;
  bottom: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 44px;
  background-color: #fff;
}
.phone-for-wyc[data-v-80652d00] {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  width: 320px;
  padding-left: 12px;
}
.phone-for-wyc .phone-value[data-v-80652d00] {
  padding-right: 12px;
}
.phone-for-wyc .callout-btn[data-v-80652d00] {
  border-right: 1px solid rgba(0, 0, 0, 0.08);
}
.phone-for-wyc .phone-sms-verify[data-v-80652d00] {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 44px;
}
.phone-for-wyc .phone-sms-verify .verify-code[data-v-80652d00] {
  position: absolute;
  left: 50%;
  top: 0;
  transform: translate(-50%, -100%);
  padding: 2px 8px;
  border-radius: 2px;
  background-color: #f5483b;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
}
.phone-for-wyc .phone-sms-verify .triangle[data-v-80652d00] {
  position: absolute;
  top: 100%;
  width: 0;
  height: 0;
  border-width: 6px 6px 0;
  border-style: solid;
  border-color: #f5483b transparent transparent;
}
.wangyueche-business-modal .wyc-security[data-v-3eb8991d] {
  width: 400px;
}
.wangyueche-business-modal .tips[data-v-3eb8991d] {
  display: flex;
  align-items: center;
  max-width: 672px;
  line-height: 20px;
  padding: 12px;
  margin: 16px 0;
  background-color: #fff9e6;
  border-radius: 4px;
  font-weight: 400;
  color: #592d00;
}
.wangyueche-business-modal ul[data-v-3eb8991d] {
  list-style: none;
}
.wangyueche-business-modal .business-verify-li[data-v-3eb8991d] {
  padding-left: 17px;
  position: relative;
}
.wangyueche-business-modal .business-verify-li .verify-item-title[data-v-3eb8991d] {
  width: 150px;
}
.wangyueche-business-modal .business-verify-li[data-v-3eb8991d]::before {
  position: absolute;
  top: 20px;
  left: -2px;
  content: "";
  width: 4px;
  height: 4px;
  border-radius: 2px;
  background-color: #000;
}
.wangyueche-business-modal .order-row[data-v-3eb8991d] {
  height: 44px;
  display: flex;
  align-items: center;
}
.wangyueche-business-modal .row-item-title[data-v-3eb8991d] {
  font-weight: 700;
}
.wangyueche-business-modal .verify-timeline-btn-group[data-v-3eb8991d] {
  margin-top: 16px;
  text-align: right;
}
.wangyueche-business-modal .verify-timeline-btn-group .verify-timeline-left-btn[data-v-3eb8991d] {
  margin-right: 12px;
}
.wangyueche-business-modal[data-v-3eb8991d] .ellipsis-span {
  display: inline-block;
  flex: 1;
  width: 136px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.wangyueche-business-modal[data-v-3eb8991d] .bottom-border {
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}
.identify-card-verify-container .timeline-item-title[data-v-0912c6a3] {
  font-weight: 500;
  color: #000;
}
.identify-card-verify-container .timeline-item-line[data-v-0912c6a3] {
  margin-top: 10px;
  display: flex;
  align-items: center;
}
.identify-card-verify-container .timeline-item-line-left[data-v-0912c6a3] {
  margin-right: 12px;
}
.identify-card-verify-container .timeline-item-line-right[data-v-0912c6a3] {
  color: #f5483b;
}
.identify-card-verify-container .verify-timeline-item-content-title-tips-content[data-v-0912c6a3] {
  display: inline-block;
  position: relative;
  font-size: 12px;
  color: white;
  background: #ff5f57;
  border-radius: 2px;
  line-height: 20px;
  padding: 0 4px;
  margin-left: 10px;
}
.identify-card-verify-container .verify-timeline-item-content-title-tips-content .verify-timeline-item-content-title-tips-arrow[data-v-0912c6a3] {
  position: relative;
}
.identify-card-verify-container .verify-timeline-item-content-title-tips-content .verify-timeline-item-content-title-tips-arrow[data-v-0912c6a3]::after {
  content: " ";
  display: block;
  position: absolute;
  width: 0;
  height: 0;
  border: 3px solid rgba(0, 0, 0, 0);
  left: -10px;
  top: 7px;
  border-right-color: #ff5f57;
}
.identify-card-verify-container[data-v-0912c6a3] .mtd-timeline-item-line-tail {
  display: block;
}
.verify-identity-by-phone-container .timeline-item-title[data-v-ec03ce3e] {
  font-weight: 500;
  color: #000;
}
.verify-identity-by-phone-container .timeline-item-line[data-v-ec03ce3e] {
  margin-top: 10px;
  display: flex;
  align-items: center;
}
.verify-identity-by-phone-container .timeline-item-line-left[data-v-ec03ce3e] {
  margin-right: 12px;
}
.verify-identity-by-phone-container .resend-tips[data-v-ec03ce3e] {
  padding: 0 8px;
  line-height: 32px;
  color: rgba(0, 0, 0, 0.6);
  opacity: 0.45;
}
.verify-identity-by-phone-container .revert-mtd-button-color[data-v-ec03ce3e] {
  height: 32px;
  color: var(--cs-common-primary-color);
}
.verify-identity-by-phone-container .verification-code-tips[data-v-ec03ce3e] {
  color: #ff5f57;
}
.verify-identity-by-phone-container .verify-timeline-item-content-title-tips-content[data-v-ec03ce3e] {
  display: inline-block;
  position: relative;
  font-size: 12px;
  color: white;
  background: #ff5f57;
  border-radius: 2px;
  line-height: 20px;
  padding: 0 4px;
  margin-left: 10px;
}
.verify-identity-by-phone-container .verify-timeline-item-content-title-tips-content .verify-timeline-item-content-title-tips-arrow[data-v-ec03ce3e] {
  position: relative;
}
.verify-identity-by-phone-container .verify-timeline-item-content-title-tips-content .verify-timeline-item-content-title-tips-arrow[data-v-ec03ce3e]::after {
  content: " ";
  display: block;
  position: absolute;
  width: 0;
  height: 0;
  border: 3px solid rgba(0, 0, 0, 0);
  left: -10px;
  top: 7px;
  border-right-color: #ff5f57;
}
.verify-identity-by-phone-container[data-v-ec03ce3e] .mtd-timeline-item-line-tail {
  display: block;
}
.verify-identity-by-phone-container[data-v-ec03ce3e] .cs-f-secret-field {
  width: 100px;
}
.business-verify-container-title[data-v-09549be8] {
  font-weight: 500;
  color: #000;
  line-height: 22px;
  margin-bottom: 10px;
}
.business-verify-container[data-v-09549be8] .mtd-table-row :nth-child(2).mtd-table-column-default {
  background: #fff9e6;
  color: #f5483b;
}
.business-verify-container[data-v-09549be8] tbody :nth-child(1).mtd-table-row .mtd-table-column-default {
  border-top: solid 1px rgba(0, 0, 0, 0.06);
}
.card-image-verify-container .timeline-item-title[data-v-72f8ad24] {
  font-weight: 500;
  color: #000;
}
.card-image-verify-container .timeline-item-line[data-v-72f8ad24] {
  margin-top: 10px;
  display: flex;
  align-items: center;
}
.card-image-verify-container .timeline-item-line-left[data-v-72f8ad24] {
  margin-right: 12px;
}
.font-color-red[data-v-ea047c06] {
  color: rgb(255, 95, 87);
}
.finance-business-modal[data-v-ea047c06] {
  min-width: 380px;
}
.finance-business-modal-title[data-v-ea047c06] {
  font-size: 18px;
  font-weight: bold;
  color: #303133;
  padding-bottom: 4px;
}
.finance-business-modal-tips[data-v-ea047c06] {
  line-height: 36px;
  margin-top: 10px;
  margin-bottom: 16px;
  padding-left: 10px;
  background-color: #fff9e6;
}
.finance-business-modal-tips-icon[data-v-ea047c06] {
  color: #f5ba31;
}
.finance-business-modal-tips-text[data-v-ea047c06] {
  color: #592d00;
  margin-left: 5px;
}
.finance-business-modal-content[data-v-ea047c06] {
  margin-top: 16px;
}
.finance-business-modal-operate[data-v-ea047c06] {
  margin-top: 24px;
  text-align: right;
}
.finance-business-modal-operate .submit-btns[data-v-ea047c06] {
  margin-top: 16px;
}
.finance-business-modal-operate .submit-btns .mtd-btn[data-v-ea047c06] {
  margin-left: 12px;
}
.verify-identity-container[data-v-5774b7b7] {
  width: 700px;
}
.verify-identity-container .verify-title[data-v-5774b7b7] {
  line-height: 36px;
  margin: 16px 0;
  background: #fff9e6;
  border-radius: 4px;
}
.verify-identity-container .verify-title .title[data-v-5774b7b7] {
  margin-left: 12px;
}
.verify-identity-container .verify-identity-date[data-v-5774b7b7] {
  width: 100%;
}
.verify-identity-container .verify-identity-date span[data-v-5774b7b7] {
  padding: 0 20px;
  font-weight: 400;
  font-family: PingFangSC-Regular, sans-serif;
  font-size: 12px;
  color: rgba(0, 0, 0, 0.35);
  letter-spacing: 0;
  line-height: 20px;
}
.verify-identity-container .verify-identity-content[data-v-5774b7b7] {
  margin-top: 14px;
  height: 550px;
  overflow-y: scroll;
}
.verify-identity-container .verify-identity-content[data-v-5774b7b7] .mtd-collapse-item-content {
  padding-top: 10px;
}
.verify-identity-container .verify-identity-content .option-header[data-v-5774b7b7] {
  font-weight: 500;
  font-family: PingFangSC-Medium, sans-serif;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.9);
  letter-spacing: 0;
  line-height: 22px;
  margin: 6px 0 8px 0;
}
.verify-identity-container .verify-identity-content .option-list[data-v-5774b7b7] {
  display: flex;
  font-size: 14px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.06);
  line-height: 44px;
}
.verify-identity-container .verify-identity-content .option-list[data-v-5774b7b7]:nth-child(2) {
  border-top: 1px solid rgba(0, 0, 0, 0.06) !important;
}
.verify-identity-container .verify-identity-content .option-list-name[data-v-5774b7b7] {
  width: 130px;
}
.verify-identity-container .verify-identity-content .option-list-value[data-v-5774b7b7] {
  width: 240px;
  box-sizing: border-box;
  padding: 0 20px;
  background: rgba(255, 95, 87, 0.1);
  color: #ff5f57;
}
.verify-identity-container .verify-identity-content .option-list-result[data-v-5774b7b7] {
  width: 260px;
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
}
.verify-identity-container .verify-identity-content .option-list-result .mtd-radio-group[data-v-5774b7b7] {
  margin-left: 33px;
}
.verify-identity-container .verify-identity-content .option-list-result .button.mtd-btn.mtd-btn-text-primary[data-v-5774b7b7] {
  margin-top: 6px;
}
.verify-identity-container .verify-identity-content .option-list span[data-v-5774b7b7] {
  display: inline-block;
}
.verify-identity-container .verify-identity-content .verify-identity-loadMore[data-v-5774b7b7] {
  padding: 5px 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
.verify-identity-container .verify-identity-content .verify-identity-loadMore .loadBtn[data-v-5774b7b7] {
  color: rgba(0, 0, 0, 0.35);
}
.verify-identity-container .verify-identity-content .verify-identity-loadMore .loadBtn[data-v-5774b7b7] .mtd-btn-before {
  color: #0a70f5;
}
.verify-identity-container .empty-content[data-v-5774b7b7] {
  height: 500px;
  color: rgba(0, 0, 0, 0.35);
}
.verify-identity-container .empty-content .mtdicon-lookup[data-v-5774b7b7] {
  font-size: 30px;
}
.verify-identity-container .empty-content .empty-info[data-v-5774b7b7] {
  text-align: center;
}
.verify-identity-container .verify-identity-btn-group[data-v-5774b7b7] {
  display: flex;
  justify-content: right;
}
.verify-identity-container .verify-identity-btn-group .cancel-btn[data-v-5774b7b7] {
  margin-right: 12px;
}
.id-card[data-v-11dbb74b] {
  height: 40px;
  margin: 0 12px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.id-card .card-name[data-v-11dbb74b] {
  width: 162px;
  padding-left: 12px;
}
.id-card .card-number[data-v-11dbb74b] {
  flex: 1;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 22px;
  color: rgb(255, 95, 87);
  background-color: rgba(255, 95, 87, 0.06);
}
.id-card .card-operation[data-v-11dbb74b] {
  width: 190px;
  text-align: right;
}
.font-color-red[data-v-4b74fec8] {
  color: rgb(255, 95, 87);
}
.custom-date-picker[data-v-4b74fec8] {
  width: 220px;
}
.search-table[data-v-4b74fec8] {
  margin-top: 10px;
}
.font-color-red[data-v-4b74fec8] {
  color: rgb(255, 95, 87);
}
.order-table-custom-column {
  background-color: rgba(255, 95, 87, 0.06) !important;
}
.account-info[data-v-e983bb02] {
  height: 40px;
  margin: 0 12px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.account-info .account-name[data-v-e983bb02] {
  width: 162px;
  flex: 1;
  font-size: 14px;
  line-height: 22px;
  padding: 6px 12px;
  color: rgb(255, 95, 87);
  background-color: rgba(255, 95, 87, 0.06);
}
.account-info .account-operation[data-v-e983bb02] {
  width: 190px;
  text-align: right;
}
.email-info[data-v-471fe708] {
  height: 40px;
  margin: 0 12px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.email-info .email-name[data-v-471fe708] {
  width: 162px;
  flex: 1;
  font-size: 14px;
  line-height: 22px;
  padding: 6px 12px;
  color: rgb(255, 95, 87);
  background-color: rgba(255, 95, 87, 0.06);
}
.email-info .email-operation[data-v-471fe708] {
  width: 190px;
  text-align: right;
}
.verify-business[data-v-813e5c40] {
  min-width: 600px;
}
.verify-business .verify-tips[data-v-813e5c40] {
  line-height: 36px;
  margin-top: 10px;
  margin-bottom: 16px;
  padding-left: 10px;
  background-color: #fff9e6;
}
.verify-business .verify-tips i[data-v-813e5c40] {
  color: #f5ba31;
}
.verify-business .verify-tips span[data-v-813e5c40] {
  color: #592d00;
  margin-left: 5px;
}
.verify-business .verify-item-list[data-v-813e5c40] {
  max-height: 600px;
  overflow: auto;
}
.verify-business .verify-item-list .item-content[data-v-813e5c40] {
  display: flex;
  align-items: center;
  margin-bottom: 6px;
}
.verify-business .verify-item-list .item-content[data-v-813e5c40] :first-child {
  font-weight: bold;
}
.verify-business .verify-item-list .item-content[data-v-813e5c40] :last-child {
  margin-left: 8px;
  font-size: 12px;
  color: gray;
}
.verify-business .verify-item-list .item-split[data-v-813e5c40] {
  transform: scaleY(0.5);
}
.verify-business .manual-refresh[data-v-813e5c40] {
  text-align: center;
}
.verify-business .btn-group[data-v-813e5c40] {
  display: flex;
  justify-content: space-between;
  margin-top: 12px;
}
.verify-business .btn-group .special-btns button[data-v-813e5c40]:first-child {
  margin-right: 12px;
}
.verify-business .btn-group .submit-btns button[data-v-813e5c40]:first-child {
  margin-right: 12px;
}
.phone-verify-container[data-v-178e1eb8] {
  width: 450px;
}
.phone-verify-container .mtd-announcement-warning[data-v-178e1eb8] {
  margin-bottom: 12px;
}
.phone-verify-container .mtd-radio[data-v-178e1eb8] {
  width: 142px;
}
.phone-verify-container .input-sms-code[data-v-178e1eb8] {
  margin-top: 10px;
}
.phone-verify-container .input-sms-code .mtd-input-invalid[data-v-178e1eb8] {
  border-color: #f5483b;
}
.phone-verify-container .input-sms-code .input-error-tips[data-v-178e1eb8] {
  display: block;
  color: #f5483b;
  font-size: 12px;
  line-height: 20px;
  margin-top: 0;
}
.phone-verify-container .verify-tips[data-v-178e1eb8] {
  line-height: 36px;
  margin-top: 10px;
  margin-bottom: 16px;
  padding-left: 10px;
  background-color: #fff9e6;
}
.phone-verify-container .verify-tips i[data-v-178e1eb8] {
  color: #f5ba31;
}
.phone-verify-container .verify-tips span[data-v-178e1eb8] {
  color: #592d00;
  margin-left: 5px;
}
.phone-verify-container .step-title[data-v-178e1eb8] {
  font-weight: bold;
  padding: 0 0 8px 0;
}
.phone-verify-container .sms-code[data-v-178e1eb8] {
  color: #ff5f57;
}
.phone-verify-container .btn-operation[data-v-178e1eb8] {
  height: 32px;
  color: rgba(10, 112, 245, 0.9);
}
.phone-verify-container .sms-resend-tips[data-v-178e1eb8] {
  padding: 0 8px;
  line-height: 32px;
  color: rgba(10, 112, 245, 0.9);
  opacity: 0.45;
}
.phone-verify-container .result-options .can-not-verify-tips[data-v-178e1eb8] {
  font-size: 10px;
  color: gray;
}
.phone-verify-container .result-options .jump-phone-verify-tips[data-v-178e1eb8] {
  font-size: 10px;
  color: #ff5f57;
}
.phone-verify-container .result-options .mtd-radio[data-v-178e1eb8] {
  width: 415px;
  margin-bottom: 8px;
  align-items: flex-start;
}
.phone-verify-container .result-options .mtd-radio .tips-container[data-v-178e1eb8] {
  margin-top: -2px;
}
.phone-verify-container .sms-risk-tips[data-v-178e1eb8] {
  position: relative;
  display: inline-block;
  font-size: 12px;
  color: white;
  background: #ff5f57;
  border-radius: 2px;
  line-height: 20px;
  padding: 0 4px;
}
.phone-verify-container .sms-risk-tips .sms-risk-tips-arrow[data-v-178e1eb8] {
  position: relative;
}
.phone-verify-container .sms-risk-tips .sms-risk-tips-arrow[data-v-178e1eb8]::after {
  content: " ";
  display: block;
  position: absolute;
  width: 0;
  height: 0;
  border: 3px solid rgba(0, 0, 0, 0);
  left: -10px;
  top: 4px;
  border-right-color: #ff5f57;
}
.phone-verify-container .footer-container[data-v-178e1eb8] {
  margin-top: 15px;
  display: flex;
  justify-content: space-between;
}
.phone-verify-container .footer-container .special-btns button[data-v-178e1eb8]:first-child {
  margin-right: 12px;
}
.phone-verify-container .footer-container .submit-btns button[data-v-178e1eb8]:first-child {
  margin-right: 12px;
}
.footer-container[data-v-507614b2] {
  margin-top: 10px;
  display: flex;
  justify-content: space-between;
}
.footer-container .submit-btns button[data-v-507614b2]:first-child {
  margin-right: 12px;
}
.preview-viewer-popup .image-preview-main[data-v-2ede8f40] {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 3800;
  background: rgba(0, 0, 0, 0.87);
}
.preview-viewer-popup .image-preview-main .preview-img[data-v-2ede8f40],
.preview-viewer-popup .image-preview-main .preview-audio[data-v-2ede8f40],
.preview-viewer-popup .image-preview-main .preview-video[data-v-2ede8f40] {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 70%;
  height: 70%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.preview-viewer-popup .image-preview-main .preview-img .image-origin[data-v-2ede8f40],
.preview-viewer-popup .image-preview-main .preview-audio .image-origin[data-v-2ede8f40],
.preview-viewer-popup .image-preview-main .preview-video .image-origin[data-v-2ede8f40] {
  position: absolute;
  max-width: 100%;
  max-height: 100%;
}
.preview-viewer-popup .image-preview-main .preview-img video[data-v-2ede8f40],
.preview-viewer-popup .image-preview-main .preview-audio video[data-v-2ede8f40],
.preview-viewer-popup .image-preview-main .preview-video video[data-v-2ede8f40] {
  width: 100%;
  height: 100%;
}
.preview-viewer-popup .image-preview-main .close[data-v-2ede8f40] {
  position: absolute;
  color: #fff;
  cursor: pointer;
  top: 24px;
  right: 24px;
  opacity: 0.8;
  width: 48px;
  height: 48px;
  font-size: 25px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: rgba(0, 0, 0, 0.9);
  border-radius: 50%;
}
.preview-viewer-popup .image-preview-main .switch[data-v-2ede8f40] {
  position: absolute;
  color: rgba(255, 255, 255, 0.6);
  cursor: pointer;
  left: 24px;
  top: calc(50% - 22px);
  width: 48px;
  height: 48px;
  font-size: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: rgba(0, 0, 0, 0.3);
  border-radius: 50%;
}
.preview-viewer-popup .image-preview-main .right[data-v-2ede8f40] {
  left: initial;
  right: 24px;
}
.preview-viewer-popup .image-preview-main .image-preview-name[data-v-2ede8f40] {
  position: absolute;
  bottom: 61px;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  align-items: center;
  justify-content: center;
  width: 418px;
  height: auto;
  background: rgba(0, 0, 0, 0.32);
  border-radius: 4px;
  opacity: 0.6;
  font-size: 12px;
  color: #fff;
  line-height: 20px;
  font-weight: 400;
  padding: 8px 12px;
}
.preview-viewer-popup .image-preview-main .image-preview-operaction-box[data-v-2ede8f40] {
  position: absolute;
  bottom: 8px;
  left: 0;
  right: 0;
  display: flex;
  justify-content: center;
  height: 48px;
}
.preview-viewer-popup .image-preview-main .image-preview-operaction[data-v-2ede8f40] {
  height: 48px;
  font-size: 24px;
  display: flex;
  align-items: center;
  background: rgba(0, 0, 0, 0.38);
  border-radius: 4px;
  color: rgba(255, 255, 255, 0.5);
  padding-right: 10px;
}
.preview-viewer-popup .image-preview-main .image-preview-operaction .operaction[data-v-2ede8f40] {
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.preview-viewer-popup .image-preview-main .image-preview-operaction .operaction-auto[data-v-2ede8f40] {
  margin: 0 10px;
}
.preview-viewer-popup .image-preview-main .image-preview-operaction .left[data-v-2ede8f40],
.preview-viewer-popup .image-preview-main .image-preview-operaction .right[data-v-2ede8f40],
.preview-viewer-popup .image-preview-main .image-preview-operaction .clockwise[data-v-2ede8f40],
.preview-viewer-popup .image-preview-main .image-preview-operaction .download[data-v-2ede8f40] {
  margin: 0 20px;
}
.preview-viewer-popup .image-preview-main .image-preview-operaction .add[data-v-2ede8f40] {
  margin: 0 13px;
}
.preview-viewer-popup .image-preview-main .image-preview-operaction .count[data-v-2ede8f40] {
  font-size: 14px;
}
.preview-viewer-popup .image-preview-main .image-preview-operaction .origin-switch[data-v-2ede8f40] {
  font-size: 20px;
  line-height: 40px;
}
.preview-viewer-popup .image-preview-main .image-preview-operaction .origin-switch .mtdicon-originalsize[data-v-2ede8f40] {
  font-size: 24px;
}
.preview-viewer-popup .image-preview-main .image-preview-operaction .download[data-v-2ede8f40] {
  position: relative;
}
.preview-viewer-popup .image-preview-main .image-preview-operaction .download a[data-v-2ede8f40] {
  top: 0;
  left: 0;
  position: absolute;
  display: block;
  width: 24px;
  height: 24px;
}
.preview-viewer-popup .image-preview-main .image-preview-operaction .icon[data-v-2ede8f40] {
  width: 30px;
  height: 35px;
}
.preview-viewer-popup .image-preview-main .image-preview-operaction i[data-v-2ede8f40]:hover {
  color: #fff;
}
.cropper-confirm-box[data-v-2ede8f40] {
  display: flex;
  justify-content: space-evenly;
  align-items: center;
  position: absolute;
  right: 0;
  top: 100%;
  width: 80px;
  height: 40px;
  background: #fff;
  border-radius: 8px;
  padding: 0 4px;
}
.demo-modal-footer[data-v-5cbfd61a] {
  margin-top: 10px;
  text-align: center;
}
.order-query-box[data-v-de23cada] {
  min-width: 450px;
  min-height: 130px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  padding-top: 10px;
}
.order-query-box[data-v-de23cada] .mtd-form-item-label {
  text-align: center;
}
.order-query-box[data-v-de23cada] .mtd-select {
  width: 210px;
}
.order-query-box .buttonBox[data-v-de23cada] {
  margin-top: 20px;
}
.order-query-box .buttonBox .mtd-btn[data-v-de23cada] {
  margin-left: 10px;
}
.manager-notice-form-box[data-v-7c1a1c61] {
  min-width: 450px;
  margin-top: 10px;
}
.manager-notice-form-box[data-v-7c1a1c61] .mtd-select {
  width: 320px;
}
.manager-notice-form-box[data-v-7c1a1c61] .mtd-textarea-wrapper {
  text-align: left;
}
.manager-notice-form-box[data-v-7c1a1c61] .mtd-textarea {
  width: 320px;
}
.case-query-box[data-v-9233ea28] {
  width: 500px;
}
.case-query-box .case-query-search[data-v-9233ea28] {
  width: 100%;
  margin-top: 12px;
  text-align: center;
}
.case-query-box .case-detail-show[data-v-9233ea28] {
  margin-top: 12px;
  margin-left: 58px;
}
.case-query-box .case-detail-show .case-detail-show-items[data-v-9233ea28] {
  display: flex;
}
.case-query-box .case-detail-show .case-detail-show-items .case-detail-show-item[data-v-9233ea28] {
  flex: 1;
  padding: 10px 0;
  margin-right: 10px;
  max-width: 221px;
  white-space: normal;
  word-break: break-word;
}
.icon[data-v-c152fa04] {
  position: absolute;
  font-size: 48px;
  right: 23px;
}
[card-color=blue][data-v-c152fa04] {
  background-color: #3c8df5;
}
[card-color=blue] .icon[data-v-c152fa04] {
  color: #4ea6f8;
}
[card-color=lightBlue][data-v-c152fa04] {
  background-color: #40b1f2;
}
[card-color=lightBlue] .icon[data-v-c152fa04] {
  color: #53c6f6;
}
[card-color=green][data-v-c152fa04] {
  background-color: #26b9b3;
}
[card-color=green] .icon[data-v-c152fa04] {
  color: #32cdc8;
}
[card-color=purple][data-v-c152fa04] {
  cursor: pointer;
  background-color: #a86deb;
}
[card-color=purple] .icon[data-v-c152fa04] {
  color: #be85f2;
}
[card-color=purple][data-v-c152fa04]:hover {
  box-shadow: 0 2px 6px 0 rgba(168, 109, 236, 0.2), 0 3px 6px 3px rgba(168, 109, 236, 0.15), 0 2px 4px 0 rgba(168, 109, 236, 0.1) !important;
  -webkit-box-shadow: 0 2px 6px 0 rgba(168, 109, 236, 0.2), 0 3px 6px 3px rgba(168, 109, 236, 0.15), 0 2px 4px 0 rgba(168, 109, 236, 0.1) !important;
}
[card-color=blue][data-v-c152fa04]:hover,
[card-color=lightBlue][data-v-c152fa04]:hover,
[card-color=green][data-v-c152fa04]:hover {
  box-shadow: 0 0 black !important;
  -webkit-box-shadow: 0 0 black !important;
}
a[data-v-c152fa04],
a[data-v-c152fa04]:hover,
a[data-v-c152fa04]:link,
a[data-v-c152fa04]:visited {
  text-decoration: none;
}
.more-content[data-v-c152fa04] {
  position: absolute;
  right: 20px;
  z-index: 1;
  line-height: 12px;
  font-size: 12px;
  font-weight: 400;
  color: #fff;
  display: none;
  font-family: PingFangSC-Regular, -apple-system, BlinkMacSystemFont, Helvetica Neue, PingFang SC, Microsoft YaHei, Source Han Sans SC, Noto Sans CJK SC, WenQuanYi Micro Hei, sans-serif;
}
.blue-theme-card[data-v-c152fa04] {
  height: 138px !important;
}
.blue-theme-card:hover .more-content[data-v-c152fa04] {
  display: block;
}
[data-v-c152fa04] .blue-theme-card-body {
  padding: 16px 0 20px 24px;
}
.card-content[data-v-c152fa04] {
  color: #fff;
}
.card-content .title-count[data-v-c152fa04] {
  font-size: 28px;
  line-height: 28px;
  font-family: DINPro-Bold, -apple-system, BlinkMacSystemFont, Helvetica Neue, PingFang SC, Microsoft YaHei, Source Han Sans SC, Noto Sans CJK SC, WenQuanYi Micro Hei, sans-serif;
}
.card-content .title-desc[data-v-c152fa04] {
  font-size: 14px;
  line-height: 22px;
  font-family: PingFangSC-Regular, -apple-system, BlinkMacSystemFont, Helvetica Neue, PingFang SC, Microsoft YaHei, Source Han Sans SC, Noto Sans CJK SC, WenQuanYi Micro Hei, sans-serif;
  letter-spacing: 0.5px;
}
.card-content .detail-group[data-v-c152fa04] {
  display: flex;
  justify-content: flex-start;
}
.card-content .detail[data-v-c152fa04] {
  display: inline-block;
  margin-top: 12px;
  flex: 1;
}
.card-content .detail-count[data-v-c152fa04] {
  font-family: DINPro-Bold, -apple-system, BlinkMacSystemFont, Helvetica Neue, PingFang SC, Microsoft YaHei, Source Han Sans SC, Noto Sans CJK SC, WenQuanYi Micro Hei, sans-serif;
  font-size: 16px;
  line-height: 16px;
}
.card-content .detail-desc[data-v-c152fa04] {
  font-family: PingFangSC-Regular, -apple-system, BlinkMacSystemFont, Helvetica Neue, PingFang SC, Microsoft YaHei, Source Han Sans SC, Noto Sans CJK SC, WenQuanYi Micro Hei, sans-serif;
  font-size: 12px;
  line-height: 18px;
  letter-spacing: 0.5px;
}
@charset "UTF-8";
a[data-v-67b869ba],
a[data-v-67b869ba]:hover,
a[data-v-67b869ba]:link,
a[data-v-67b869ba]:visited {
  text-decoration: none;
}
.title[data-v-67b869ba] {
  margin-left: 8px;
  margin-bottom: 16px;
  font-family: PingFangSC-Semibold, -apple-system, BlinkMacSystemFont, Helvetica Neue, PingFang SC, Microsoft YaHei, Source Han Sans SC, Noto Sans CJK SC, WenQuanYi Micro Hei, sans-serif;
  font-weight: 600;
  font-size: 18px;
  color: rgb(0, 0, 0);
  letter-spacing: 0.54px;
  line-height: 28px;
}
.card-content[data-v-67b869ba] {
  height: 100%;
}
.default[data-v-67b869ba] {
  height: calc(100% - 80px);
}
.default .default-inner[data-v-67b869ba] {
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.default .default-icon[data-v-67b869ba] {
  margin-bottom: 8px;
  font-size: 56px;
  color: rgba(0, 0, 0, 0.1);
}
.default .default-text[data-v-67b869ba] {
  font-size: 12px;
  line-height: 20px;
  color: rgba(0, 0, 0, 0.38);
}
.top5[data-v-67b869ba] {
  font-family: DINPro-Bold, -apple-system, BlinkMacSystemFont, Helvetica Neue, PingFang SC, Microsoft YaHei, Source Han Sans SC, Noto Sans CJK SC, WenQuanYi Micro Hei, sans-serif;
  font-size: 18px;
  color: rgba(0, 0, 0, 0.84);
  letter-spacing: 0;
  line-height: 28px;
  font-weight: 700;
}
.avatar[data-v-67b869ba] {
  height: 20px;
  width: 20px;
  vertical-align: middle;
}
[list-type=case] .detail[data-v-67b869ba] {
  flex: 1 1 100px;
  max-width: 100px;
}
[list-type=staff] .detail[data-v-67b869ba] {
  flex: 1 1 60px;
  max-width: 60px;
}
.rank .blue-theme-list[data-v-67b869ba] {
  border: 0;
}
.rank .blue-theme-list .blue-theme-list-item[data-v-67b869ba] {
  display: flex;
  padding: 8px;
  border-radius: 6px;
}
.rank .blue-theme-list .blue-theme-list-item .index[data-v-67b869ba] {
  flex: 1 1 10px;
  max-width: 10px;
  font-family: DINPro-Bold, -apple-system, BlinkMacSystemFont, Helvetica Neue, PingFang SC, Microsoft YaHei, Source Han Sans SC, Noto Sans CJK SC, WenQuanYi Micro Hei, sans-serif;
  color: rgba(0, 0, 0, 0.3);
}
.rank .blue-theme-list .blue-theme-list-item .item-title-tooltip[data-v-67b869ba] {
  flex: 1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.rank .blue-theme-list .blue-theme-list-item .item-title[data-v-67b869ba] {
  flex: 1;
  margin-left: 14px;
  color: rgba(0, 0, 0, 0.84);
  font-family: PingFangSC-Regular, -apple-system, BlinkMacSystemFont, Helvetica Neue, PingFang SC, Microsoft YaHei, Source Han Sans SC, Noto Sans CJK SC, WenQuanYi Micro Hei, sans-serif;
  font-size: 14px;
  line-height: 22px;
}
.rank .blue-theme-list .blue-theme-list-item .detail[data-v-67b869ba] {
  position: relative;
  text-align: right;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.rank .blue-theme-list .blue-theme-list-item .detail[data-v-67b869ba]::before {
  content: "";
  position: absolute;
  z-index: 50;
  top: -6px;
  bottom: -6px;
  right: -8px;
  left: -20px;
}
.rank .blue-theme-list .blue-theme-list-item .detail .detail-count[data-v-67b869ba] {
  font-family: ArialMT, -apple-system, BlinkMacSystemFont, Helvetica Neue, PingFang SC, Microsoft YaHei, Source Han Sans SC, Noto Sans CJK SC, WenQuanYi Micro Hei, sans-serif;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.84);
  letter-spacing: 0;
  text-align: right;
  line-height: 20px;
}
.rank .blue-theme-list .blue-theme-list-item .detail .detail-count[data-v-67b869ba]:hover {
  color: #f5483b;
  font-family: Arial-BoldMT, -apple-system, BlinkMacSystemFont, Helvetica Neue, PingFang SC, Microsoft YaHei, Source Han Sans SC, Noto Sans CJK SC, WenQuanYi Micro Hei, sans-serif;
}
.rank .blue-theme-list .blue-theme-list-item .detail .detail-desc[data-v-67b869ba] {
  margin-left: 4px;
  font-family: PingFangSC-Regular, -apple-system, BlinkMacSystemFont, Helvetica Neue, PingFang SC, Microsoft YaHei, Source Han Sans SC, Noto Sans CJK SC, WenQuanYi Micro Hei, sans-serif;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.36);
  letter-spacing: 0;
  line-height: 20px;
}
.rank .blue-theme-list .blue-theme-list-item:hover .item-title[data-v-67b869ba] {
  color: #0a70f5;
  font-weight: bold;
  font-size: 14px;
}
.rank .blue-theme-list .blue-theme-list-item:first-child .index[data-v-67b869ba] {
  color: #f5483b;
}
.rank .blue-theme-list .blue-theme-list-item:nth-child(2) .index[data-v-67b869ba] {
  color: #f80;
}
.rank .blue-theme-list .blue-theme-list-item:nth-child(3) .index[data-v-67b869ba] {
  color: #fec300;
}
.rank .blue-theme-list .blue-theme-list-item[data-v-67b869ba]:not(:last-child) {
  border-bottom: 0;
}

/* vue3TODO: 使用 :deep() 替代 ::v-deep */
[data-v-67b869ba] .blue-theme-card-body {
  padding: 16px;
  height: 100%;
}
a[data-v-a9765c14],
a[data-v-a9765c14]:hover,
a[data-v-a9765c14]:link,
a[data-v-a9765c14]:visited {
  text-decoration: none;
}
.more-content[data-v-a9765c14] {
  float: right;
  line-height: 28px;
  font-size: 12px;
  font-weight: 400;
  color: rgba(0, 0, 0, 0.6);
  display: none;
  font-family: PingFangSC-Regular, -apple-system, BlinkMacSystemFont, Helvetica Neue, PingFang SC, Microsoft YaHei, Source Han Sans SC, Noto Sans CJK SC, WenQuanYi Micro Hei, sans-serif;
}
.more-content[data-v-a9765c14]:hover {
  color: #0a70f5;
}
.blue-theme-card:hover .more-content[data-v-a9765c14] {
  display: block;
}
.chart-block[data-v-a9765c14] {
  width: 100%;
  height: 100%;
}
.default[data-v-a9765c14] {
  height: 90%;
}
.default .default-inner[data-v-a9765c14] {
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.default .default-icon[data-v-a9765c14] {
  margin-bottom: 8px;
  font-size: 56px;
  color: rgba(0, 0, 0, 0.1);
}
.default .default-text[data-v-a9765c14] {
  font-size: 14px;
  line-height: 22px;
  color: rgba(0, 0, 0, 0.38);
}
[data-v-a9765c14] .blue-theme-card-title {
  font-weight: 600;
  font-size: 18px;
  line-height: 28px;
  border-bottom: none;
  padding: 16px 24px 0;
  white-space: nowrap;
  font-family: PingFangSC-Semibold, -apple-system, BlinkMacSystemFont, Helvetica Neue, PingFang SC, Microsoft YaHei, Source Han Sans SC, Noto Sans CJK SC, WenQuanYi Micro Hei, sans-serif;
  color: rgb(0, 0, 0);
}
[data-v-a9765c14] .blue-theme-card-body {
  padding: 0 24px;
  height: 80%;
}
[data-v-a9765c14] .blue-theme-loading {
  height: 80%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.polar-chart[data-v-7f55a83f] {
  width: 100%;
  height: 100%;
}
.default[data-v-7f55a83f] {
  height: 90%;
}
.default .default-inner[data-v-7f55a83f] {
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.default .default-icon[data-v-7f55a83f] {
  margin-bottom: 8px;
  font-size: 56px;
  color: rgba(0, 0, 0, 0.1);
}
.default .default-text[data-v-7f55a83f] {
  font-size: 14px;
  line-height: 22px;
  color: rgba(0, 0, 0, 0.38);
}
a[data-v-7f55a83f],
a[data-v-7f55a83f]:hover,
a[data-v-7f55a83f]:link,
a[data-v-7f55a83f]:visited {
  text-decoration: none;
}
.more-content[data-v-7f55a83f] {
  height: 100%;
  float: right;
  line-height: 28px;
  font-size: 12px;
  font-weight: 400;
  color: rgba(0, 0, 0, 0.6);
  display: none;
  font-family: PingFangSC-Regular, -apple-system, BlinkMacSystemFont, Helvetica Neue, PingFang SC, Microsoft YaHei, Source Han Sans SC, Noto Sans CJK SC, WenQuanYi Micro Hei, sans-serif;
}
.more-content[data-v-7f55a83f]:hover {
  color: #0a70f5;
}
.blue-theme-card:hover .more-content[data-v-7f55a83f] {
  display: block;
}
[data-v-7f55a83f] .blue-theme-card-title {
  font-size: 18px;
  font-weight: 600;
  line-height: 28px;
  border-bottom: none;
  padding: 16px 24px 0;
  white-space: nowrap;
  font-family: PingFangSC-Semibold, -apple-system, BlinkMacSystemFont, Helvetica Neue, PingFang SC, Microsoft YaHei, Source Han Sans SC, Noto Sans CJK SC, WenQuanYi Micro Hei, sans-serif;
  color: rgb(0, 0, 0);
}
[data-v-7f55a83f] .blue-theme-card-body {
  padding: 0 0 0 24px;
  height: 80%;
}
[data-v-7f55a83f] .blue-theme-loading {
  height: 80%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.blue-theme-card[data-v-a8d921c8] {
  height: 280px;
  border-radius: 12px;
  border: 1px solid rgba(0, 0, 0, 0.06);
  box-shadow: 0 0 0 0 #fff, 0 0 0 0 #fff, 0 0 0 0 #fff;
  -webkit-box-shadow: 0 0 0 0 #fff, 0 0 0 0 #fff, 0 0 0 0 #fff;
}
.blue-theme-card[data-v-a8d921c8]:hover {
  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.06), 0 2px 6px 6px rgba(0, 0, 0, 0.02), 0 -2px 4px 0 rgba(0, 0, 0, 0.02);
  -webkit-box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.06), 0 2px 6px 6px rgba(0, 0, 0, 0.02), 0 -2px 4px 0 rgba(0, 0, 0, 0.02);
}
@media (max-width: 1920px) {
.chart-list-gird[data-v-a8d921c8],
  .card-grid[data-v-a8d921c8] {
    margin-right: 16px;
    display: grid;
    grid-template-columns: repeat(4, 25%);
}
.chart-list-gird > .blue-theme-card[data-v-a8d921c8],
  .card-grid > .blue-theme-card[data-v-a8d921c8] {
    margin: 16px 0 0 16px;
}
.card-item-1[data-v-a8d921c8],
  .card-item-3[data-v-a8d921c8] {
    grid-column-start: 1;
    grid-column-end: 3;
}
.card-item-2[data-v-a8d921c8],
  .card-item-4[data-v-a8d921c8] {
    grid-column-start: 3;
    grid-column-end: 5;
}
}
@media (min-width: 1920px) {
.card-grid[data-v-a8d921c8] {
    margin-right: 16px;
    display: grid;
    grid-template-columns: repeat(4, 25%);
}
.chart-list-gird[data-v-a8d921c8] {
    margin-right: 16px;
    display: grid;
    grid-template-columns: repeat(6, 16.6666666667%);
}
.chart-list-gird > .blue-theme-card[data-v-a8d921c8],
  .card-grid > .blue-theme-card[data-v-a8d921c8] {
    margin: 16px 0 0 16px;
}
.card-item-1[data-v-a8d921c8],
  .card-item-3[data-v-a8d921c8] {
    grid-column-start: 1;
    grid-column-end: 3;
}
.card-item-2[data-v-a8d921c8],
  .card-item-4[data-v-a8d921c8] {
    grid-column-start: 3;
    grid-column-end: 5;
}
.card-item-5[data-v-a8d921c8] {
    grid-column-start: 5;
    grid-column-end: 6;
    grid-row-start: 1;
    grid-row-end: 2;
}
.card-item-7[data-v-a8d921c8] {
    grid-column-start: 6;
    grid-column-end: 7;
    grid-row-start: 1;
    grid-row-end: 2;
}
}
ul[data-v-30a108c2] {
  display: flex;
  flex-direction: row;
  background-color: rgba(255, 136, 2, 0.1);
  padding: 0;
  flex-wrap: nowrap;
  margin-bottom: 2px;
  height: 32px;
  align-items: center;
}
ul li[data-v-30a108c2] {
  list-style-type: none;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-left: 8px;
  padding-right: 8px;
  flex-grow: 1;
  font-family: PingFangSC-Medium, -apple-system, BlinkMacSystemFont, Helvetica Neue, PingFang SC, Microsoft YaHei, Source Han Sans SC, Noto Sans CJK SC, WenQuanYi Micro Hei, sans-serif;
  font-size: 14px;
  letter-spacing: 0;
  font-weight: 400;
  align-items: center;
}
ul li[data-v-30a108c2]:first-child, ul li[data-v-30a108c2]:nth-child(2), ul li[data-v-30a108c2]:nth-child(3), ul li[data-v-30a108c2]:last-child {
  width: 214px;
  flex-grow: 0;
  flex-shrink: 0;
}
ul li:first-child span[data-v-30a108c2], ul li:nth-child(2) span[data-v-30a108c2], ul li:nth-child(3) span[data-v-30a108c2], ul li:last-child span[data-v-30a108c2] {
  color: rgba(0, 0, 0, 0.5);
}
ul li[data-v-30a108c2]:first-child {
  font-weight: 500;
}
ul li:first-child span i[data-v-30a108c2] {
  color: orange;
}
ul li[data-v-30a108c2]:last-child {
  display: flex;
  justify-content: space-around;
  align-items: center;
  margin-left: auto;
}
ul li:last-child a[data-v-30a108c2] {
  text-decoration: none;
}
.iframe-box[data-v-928a683c] {
  position: absolute;
  width: 100%;
  height: calc(100% - 48px);
  display: flex;
}
.iframe-box > iframe[data-v-928a683c] {
  flex: 1;
  border: none;
}
a[data-v-4e8fa118],
a[data-v-4e8fa118]:hover,
a[data-v-4e8fa118]:link,
a[data-v-4e8fa118]:visited {
  text-decoration: none;
}
.more-content[data-v-4e8fa118] {
  float: right;
  line-height: 28px;
  font-size: 12px;
  font-weight: 400;
  color: rgba(0, 0, 0, 0.6);
  display: none;
  font-family: PingFangSC-Regular, -apple-system, BlinkMacSystemFont, Helvetica Neue, PingFang SC, Microsoft YaHei, Source Han Sans SC, Noto Sans CJK SC, WenQuanYi Micro Hei, sans-serif;
}
.more-content[data-v-4e8fa118]:hover {
  color: #0a70f5;
}
.blue-theme-card:hover .more-content[data-v-4e8fa118] {
  display: block;
}
.echart-block[data-v-4e8fa118] {
  width: 100%;
  height: 100%;
}
[data-v-4e8fa118] .blue-theme-card-title {
  font-size: 18px;
  font-weight: 600;
  line-height: 28px;
  border-bottom: none;
  padding: 16px 24px 0;
  white-space: nowrap;
  font-family: PingFangSC-Semibold, -apple-system, BlinkMacSystemFont, Helvetica Neue, PingFang SC, Microsoft YaHei, Source Han Sans SC, Noto Sans CJK SC, WenQuanYi Micro Hei, sans-serif;
  color: rgb(0, 0, 0);
}
[data-v-4e8fa118] .blue-theme-card-body {
  padding: 0 24px 8px;
  height: 80%;
}
[data-v-4e8fa118] .blue-theme-tabs {
  height: 100%;
  color: rgba(0, 0, 0, 0.7);
}
[data-v-4e8fa118] .blue-theme-tabs-nav .blue-theme-tabs-nav-container {
  z-index: 1;
}
[data-v-4e8fa118] .blue-theme-tabs-content {
  height: 90%;
}
[data-v-4e8fa118] .blue-theme-tab-pane {
  text-align: center;
  height: 100%;
}
[data-v-4e8fa118] .blue-theme-tabs-bottom-border {
  display: none;
}
[data-v-4e8fa118] .blue-theme-tabs-nocard .blue-theme-tabs-item {
  color: rgba(0, 0, 0, 0.7);
}
[data-v-4e8fa118] .blue-theme-tabs-nocard .blue-theme-tabs-item.blue-theme-tab-active {
  color: var(--cs-index-minor-tab-active-color);
}
[data-v-4e8fa118] .blue-theme-tabs-nocard .blue-theme-tabs-bar.blue-theme-tabs-bar-active {
  background-color: var(--cs-index-minor-tab-active-color);
}
.unclose-case-count[data-v-61dbfff2] {
  font-family: PingFangSC-Regular, -apple-system, BlinkMacSystemFont, Helvetica Neue, PingFang SC, Microsoft YaHei, Source Han Sans SC, Noto Sans CJK SC, WenQuanYi Micro Hei, sans-serif;
  font-weight: 400;
  margin-left: 5px;
  color: rgba(0, 0, 0, 0.5);
}
.more-content[data-v-61dbfff2] {
  font-family: PingFangSC-Regular, -apple-system, BlinkMacSystemFont, Helvetica Neue, PingFang SC, Microsoft YaHei, Source Han Sans SC, Noto Sans CJK SC, WenQuanYi Micro Hei, sans-serif;
  font-size: 12px;
  font-weight: 400;
  float: right;
  color: rgba(0, 0, 0, 0.6);
  display: none;
}
.more-content[data-v-61dbfff2]:hover {
  color: #0a70f5;
}
.blue-theme-card:hover .more-content[data-v-61dbfff2] {
  display: block;
}
.unclose-case-list-content[data-v-61dbfff2] {
  display: flex;
  position: relative;
}
.unclose-case-list-content-main[data-v-61dbfff2] {
  flex: 1 0;
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.unclose-case-list-content-main .case-id[data-v-61dbfff2] {
  font-family: PingFangSC-Medium, -apple-system, BlinkMacSystemFont, Helvetica Neue, PingFang SC, Microsoft YaHei, Source Han Sans SC, Noto Sans CJK SC, WenQuanYi Micro Hei, sans-serif;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.84);
  letter-spacing: 0.5px;
  line-height: 22px;
  font-weight: 600;
}
.unclose-case-list-content-main .case-faq[data-v-61dbfff2] {
  opacity: 0.84;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.unclose-case-list-content-extra[data-v-61dbfff2] {
  text-align: right;
  padding: 0 10px 0 20px;
  z-index: 1;
  position: absolute;
  right: 0;
  background: linear-gradient(-90deg, #fff 0%, #fff 88%, rgba(245, 245, 245, 0) 100%);
}
.unclose-case-list-content-extra .immediate-process[data-v-61dbfff2] {
  display: none;
  z-index: 100;
  color: #0a70f5;
}
.unclose-case-list-content-extra .content-time[data-v-61dbfff2] {
  font-size: 12px;
  opacity: 0.5;
}
.list-bottom[data-v-61dbfff2] {
  padding-left: 4px;
  font-size: 12px;
  line-height: 18px;
  font-family: PingFangSC-Regular, -apple-system, BlinkMacSystemFont, Helvetica Neue, PingFang SC, Microsoft YaHei, Source Han Sans SC, Noto Sans CJK SC, WenQuanYi Micro Hei, sans-serif;
  color: rgba(0, 0, 0, 0.6);
  margin-top: 15px;
}
.list-bottom .more-content-bottom[data-v-61dbfff2] {
  line-height: 12px;
  color: #0a70f5;
  margin-left: 12px;
}
a[data-v-61dbfff2],
a[data-v-61dbfff2]:hover,
a[data-v-61dbfff2]:link,
a[data-v-61dbfff2]:visited {
  text-decoration: none;
}
.placeholder-block[data-v-61dbfff2] {
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.placeholder-block .placeholder-icon[data-v-61dbfff2] {
  width: 56px;
  height: 56px;
  color: rgba(0, 0, 0, 0.18);
}
.placeholder-block p[data-v-61dbfff2] {
  margin-top: 10px;
  font-family: PingFangSC-Regular, -apple-system, BlinkMacSystemFont, Helvetica Neue, PingFang SC, Microsoft YaHei, Source Han Sans SC, Noto Sans CJK SC, WenQuanYi Micro Hei, sans-serif;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.38);
  line-height: 22px;
  font-weight: 400;
}
[data-v-61dbfff2] .blue-theme-card-title {
  line-height: 18px;
  font-size: 18px;
  font-weight: 600;
  border-bottom: none;
  padding: 20px 24px 10px;
  white-space: nowrap;
  font-family: PingFangSC-Semibold, -apple-system, BlinkMacSystemFont, Helvetica Neue, PingFang SC, Microsoft YaHei, Source Han Sans SC, Noto Sans CJK SC, WenQuanYi Micro Hei, sans-serif;
  color: rgb(0, 0, 0);
}
[data-v-61dbfff2] .blue-theme-card-body {
  padding: 0 16px;
  height: 75%;
  overflow: overlay;
}
[data-v-61dbfff2] .blue-theme-list {
  border: none;
}
[data-v-61dbfff2] .blue-theme-list .blue-theme-list-item {
  display: flex;
  position: relative;
  padding: 10px 4px 10px 7px;
  border-bottom: none;
  white-space: nowrap;
  border-radius: 4px;
  content-visibility: auto;
}
[data-v-61dbfff2] .blue-theme-list-item:hover .content-time {
  visibility: hidden;
}
[data-v-61dbfff2] .blue-theme-list-item:hover .immediate-process {
  display: block;
  color: #0a70f5;
}
[data-v-61dbfff2] .blue-theme-list-item:hover .case-id {
  color: #0a70f5;
  font-weight: 600;
  font-family: PingFangSC-Medium, -apple-system, BlinkMacSystemFont, Helvetica Neue, PingFang SC, Microsoft YaHei, Source Han Sans SC, Noto Sans CJK SC, WenQuanYi Micro Hei, sans-serif;
}
[data-v-61dbfff2] .blue-theme-list-item:hover .unclose-case-list-content-extra {
  background: linear-gradient(-90deg, #f5f5f5 0%, #f5f5f5 88%, rgba(245, 245, 245, 0) 100%);
  cursor: default;
}
[data-v-61dbfff2] .blue-theme-tag {
  line-height: 12px;
  border-radius: 8px;
  border: solid 0.5px;
  margin-left: 5px;
  height: 16px;
}
[data-v-61dbfff2] .blue-theme-tag.urge-tag {
  border: 1px solid rgb(169, 169, 169);
  background-color: #fff;
  color: rgb(169, 169, 169);
  padding: 5px;
}
[data-v-61dbfff2] .blue-theme-tag.danger {
  border: 1px solid rgb(235, 85, 47);
  background-color: #fff;
  color: rgb(235, 85, 47);
  padding: 5px;
}
[data-v-61dbfff2] .blue-theme-tag.warning {
  border-color: rgb(244, 143, 39);
  color: rgb(244, 143, 39);
}
[data-v-61dbfff2] .blue-theme-tag.case-tag {
  vertical-align: unset;
}
[data-v-61dbfff2] .refund-tag {
  line-height: 14px;
  margin-left: 5px;
  height: 16px;
  vertical-align: middle;
}
.show-more .more[data-v-92191388] {
  position: absolute;
  display: none;
  right: 0;
  margin: 4px 24px 0 0;
  text-align: center;
  font-size: 12px;
  font-family: PingFangSC-Regular, -apple-system, BlinkMacSystemFont, Helvetica Neue, PingFang SC, Microsoft YaHei, Source Han Sans SC, Noto Sans CJK SC, WenQuanYi Micro Hei, sans-serif;
  color: rgba(0, 0, 0, 0.6);
}
[data-v-92191388] .blue-theme-card-body {
  padding: 20px 0 16px 16px;
  height: 100%;
}
.show-more:hover .more[data-v-92191388] {
  display: inline;
}
.show-more:hover .more[data-v-92191388] :hover {
  color: #0a70f5;
}
a[data-v-92191388],
a[data-v-92191388]:hover,
a[data-v-92191388]:link,
a[data-v-92191388]:visited {
  text-decoration: none;
}
.blue-theme-card[data-v-92191388] {
  overflow: hidden;
}
.title[data-v-92191388] {
  display: inline-block;
  color: #000;
  font-size: 18px;
  font-weight: 600;
  font-family: PingFangSC-Semibold, -apple-system, BlinkMacSystemFont, Helvetica Neue, PingFang SC, Microsoft YaHei, Source Han Sans SC, Noto Sans CJK SC, WenQuanYi Micro Hei, sans-serif;
  margin: 0 0 12px 8px;
}
.default[data-v-92191388] {
  height: calc(100% - 60px);
}
.default .default-inner[data-v-92191388] {
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.default .default-icon[data-v-92191388] {
  margin-bottom: 8px;
  font-size: 56px;
  color: rgba(0, 0, 0, 0.18);
}
.default .default-text[data-v-92191388] {
  font-size: 14px;
  line-height: 22px;
  color: rgba(0, 0, 0, 0.38);
}
.score-list[data-v-92191388] {
  padding-right: 16px;
  overflow: overlay;
  /* .mtd-list-item--unread::before {
    content: ' ';
    border: 3px solid #f5483b;
    border-radius: 3px;
    position: absolute;
    left: 0;
    margin: 8px 0;
  } */
}
.score-list .blue-theme-list[data-v-92191388] {
  border: 0;
}
.score-list .blue-theme-list-item[data-v-92191388] {
  padding: 8px;
  position: relative;
}
.score-list .blue-theme-list-item .score-list-item[data-v-92191388] {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: flex;
}
.score-list .blue-theme-list-item .score-list-item .order-id[data-v-92191388] {
  flex: 1 1 100px;
  max-width: 100px;
  margin-right: 20px;
  line-height: 22px;
  font-weight: 600;
  font-family: PingFangSC-Medium, -apple-system, BlinkMacSystemFont, Helvetica Neue, PingFang SC, Microsoft YaHei, Source Han Sans SC, Noto Sans CJK SC, WenQuanYi Micro Hei, sans-serif;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.84);
}
.score-list .blue-theme-list-item .score-list-item .score[data-v-92191388] {
  max-width: 60px;
  flex: 1 1 60px;
  margin-right: 20px;
}
.score-list .blue-theme-list-item .score-list-item .score .score-count[data-v-92191388] {
  font-family: Arial-BoldMT, -apple-system, BlinkMacSystemFont, Helvetica Neue, PingFang SC, Microsoft YaHei, Source Han Sans SC, Noto Sans CJK SC, WenQuanYi Micro Hei, sans-serif;
  font-size: 15px;
  font-weight: 700;
  line-height: 20px;
  opacity: 0.84;
}
.score-list .blue-theme-list-item .score-list-item .score .score-unit[data-v-92191388] {
  font-family: PingFangSC-Regular, -apple-system, BlinkMacSystemFont, Helvetica Neue, PingFang SC, Microsoft YaHei, Source Han Sans SC, Noto Sans CJK SC, WenQuanYi Micro Hei, sans-serif;
  font-size: 14px;
  font-weight: 400;
  opacity: 0.84;
}
.score-list .blue-theme-list-item .score-list-item .evaluate-summary[data-v-92191388] {
  flex: 1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  opacity: 84%;
  font-family: PingFangSC-Regular, -apple-system, BlinkMacSystemFont, Helvetica Neue, PingFang SC, Microsoft YaHei, Source Han Sans SC, Noto Sans CJK SC, WenQuanYi Micro Hei, sans-serif;
}
.score-list .blue-theme-list-item .hover-button-group[data-v-92191388] {
  display: none;
  position: absolute;
  right: 0;
  top: 0;
  margin: 8px 0;
}
.score-list .blue-theme-list-item .hover-button-group .hover-button[data-v-92191388] {
  color: #0a70f5;
  font-size: 14px;
}
.score-list .blue-theme-list-item .hover-button-group .hover-button.not-allow-click[data-v-92191388] {
  color: rgba(0, 0, 0, 0.35);
  cursor: not-allowed;
}
.score-list .blue-theme-list-item .hover-button-group .hover-button + .hover-button[data-v-92191388] {
  margin: 0 9px;
}
.score-list .blue-theme-list-item[data-v-92191388]:hover {
  border-radius: 4px;
}
.score-list .blue-theme-list-item:hover .order-id[data-v-92191388] {
  color: #0a70f5;
  font-weight: bold;
  font-size: 14px;
}
.score-list .blue-theme-list-item:hover .hover-button-group[data-v-92191388] {
  display: inline;
}
.score-list .blue-theme-list-item[data-v-92191388]:not(:last-child) {
  border-bottom: 0;
}
.recent-data[data-v-92191388] {
  font-family: PingFangSC-Regular, -apple-system, BlinkMacSystemFont, Helvetica Neue, PingFang SC, Microsoft YaHei, Source Han Sans SC, Noto Sans CJK SC, WenQuanYi Micro Hei, sans-serif;
  font-size: 12px;
  padding: 0 12px;
  margin: 20px 0;
  color: rgba(0, 0, 0, 0.6);
}
.recent-data .show-more-data[data-v-92191388] {
  color: #0a70f5;
  margin-left: 12px;
}
.title-container[data-v-27ff3a87] {
  display: flex;
  align-items: center;
}
.show-more .more[data-v-27ff3a87] {
  display: none;
  font-size: 12px;
  font-family: PingFangSC-Regular, -apple-system, BlinkMacSystemFont, Helvetica Neue, PingFang SC, Microsoft YaHei, Source Han Sans SC, Noto Sans CJK SC, WenQuanYi Micro Hei, sans-serif;
  position: absolute;
  right: 0;
  margin: 4px 24px 0 0;
  color: rgba(0, 0, 0, 0.6);
}
[data-v-27ff3a87] .blue-theme-card-body {
  height: 100%;
}
.show-more:hover .more[data-v-27ff3a87] {
  display: inline;
}
.show-more:hover .more[data-v-27ff3a87] :hover {
  color: #0a70f5;
}
.blue-theme-card[data-v-27ff3a87] {
  overflow: hidden;
}
.title[data-v-27ff3a87] {
  display: inline-block;
  color: #000;
  font-size: 18px;
  font-weight: 600;
  font-family: PingFangSC-Semibold, -apple-system, BlinkMacSystemFont, Helvetica Neue, PingFang SC, Microsoft YaHei, Source Han Sans SC, Noto Sans CJK SC, WenQuanYi Micro Hei, sans-serif;
  margin: 0 0 0 8px;
}
.default[data-v-27ff3a87] {
  margin-top: 12px;
  height: calc(100% - 60px);
}
.default .default-inner[data-v-27ff3a87] {
  display: flex;
  flex-direction: column;
  height: 100%;
  align-items: center;
  justify-content: center;
}
.default .default-icon[data-v-27ff3a87] {
  margin-bottom: 8px;
  font-size: 56px;
  color: rgba(0, 0, 0, 0.18);
}
.default .default-text[data-v-27ff3a87] {
  font-size: 14px;
  line-height: 22px;
  color: rgba(0, 0, 0, 0.38);
}
a[data-v-27ff3a87],
a[data-v-27ff3a87]:hover,
a[data-v-27ff3a87]:link,
a[data-v-27ff3a87]:visited {
  text-decoration: none;
}
.polar-chart[data-v-27ff3a87] {
  width: 100%;
}
.icon-setting[data-v-27ff3a87] {
  font-size: 20px;
  color: rgba(0, 0, 0, 0.6);
  margin-left: 3px;
}
.face-row[data-v-27ff3a87] {
  height: 50px;
}
.face-row .face-icon[data-v-27ff3a87] {
  font-size: 34px;
  margin-right: 8px;
}
.face-row .percent[data-v-27ff3a87] {
  text-align: center;
}
.face-row .percent .percent__text[data-v-27ff3a87] {
  font-size: 20px;
  font-family: DINPro-Bold, -apple-system, BlinkMacSystemFont, Helvetica Neue, PingFang SC, Microsoft YaHei, Source Han Sans SC, Noto Sans CJK SC, WenQuanYi Micro Hei, sans-serif;
  font-weight: bold;
}
.face-row .desc[data-v-27ff3a87] {
  color: rgba(0, 0, 0, 0.42);
  white-space: nowrap;
}
.face-row .left-col[data-v-27ff3a87] {
  display: flex;
  justify-content: center;
}
.face-row .left-col .percent__text[data-v-27ff3a87] {
  color: #00b365; /* stylelint-disable-line */
}
.face-row .middle-col[data-v-27ff3a87] {
  height: 100%;
  display: flex;
  justify-content: center;
}
.face-row .middle-col .percent__text[data-v-27ff3a87] {
  color: rgba(0, 0, 0, 0.6);
}
.face-row .middle-col .pagination[data-v-27ff3a87] {
  position: absolute;
  border-left: 1px solid #e4e4e4;
  border-right: 1px solid #e4e4e4;
  height: 38px;
  width: 33%;
  left: 33%;
  margin: 5px 0;
}
.face-row .right-col[data-v-27ff3a87] {
  display: flex;
  justify-content: center;
}
.face-row .right-col .percent__text[data-v-27ff3a87] {
  color: #f5483b;
}
.face-row .icon-shuzhishangsheng1[data-v-27ff3a87],
.face-row .icon-shuzhixiajiang1[data-v-27ff3a87] {
  color: #f5483b;
}
.message-template-a-tag {
  color: var(--cs-common-primary-color);
}
.unread-message .message-list .message-template-a-tag {
  cursor: pointer;
  color: rgba(0, 0, 0, 0.84);
}
.unread-message .message-list .message-list-item:hover .message-template-a-tag {
  color: rgb(10, 112, 245);
}
.unread-message .message-list a,
.unread-message .message-list a:hover,
.unread-message .message-list a:link,
.unread-message .message-list a:visited {
  text-decoration: none;
}
.news-template-secret {
  display: flex;
  width: min-content;
}
.transfer-case-class {
  display: flow-root;
}
.approve-notice-template {
  overflow: auto;
}
.need-handle-template {
  overflow: auto;
}
.face-recognition-template {
  overflow: auto;
}
.unread-message[data-v-a95f8628] {
  position: relative;
}
.show-more .show-more-style[data-v-a95f8628], .show-more .read-button[data-v-a95f8628], .show-more .more[data-v-a95f8628] {
  display: none;
  font-size: 12px;
  font-family: PingFangSC-Regular, -apple-system, BlinkMacSystemFont, Helvetica Neue, PingFang SC, Microsoft YaHei, Source Han Sans SC, Noto Sans CJK SC, WenQuanYi Micro Hei, sans-serif;
  position: absolute;
  right: 0;
  margin: 4px 24px 0 0;
  color: rgba(0, 0, 0, 0.6);
}
.show-more .more[data-v-a95f8628] {
  right: 0;
}
.show-more .read-button[data-v-a95f8628] {
  right: 80px;
}
.more[data-v-a95f8628]:hover,
.read-button[data-v-a95f8628]:hover {
  color: #0a70f5;
}
[data-v-a95f8628] .blue-theme-card-body {
  padding: 20px 0 16px 16px;
  height: 100%;
}
[data-v-a95f8628] .message-list .blue-theme-list-item .message-desc div .ellipsis {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.show-more:hover .more[data-v-a95f8628],
.show-more:hover .read-button[data-v-a95f8628] {
  display: inline;
}
.show-more:hover .more[data-v-a95f8628] :hover,
.show-more:hover .read-button[data-v-a95f8628] :hover {
  color: #0a70f5;
}
a[data-v-a95f8628],
a[data-v-a95f8628]:hover,
a[data-v-a95f8628]:link,
a[data-v-a95f8628]:visited {
  text-decoration: none;
}
.blue-theme-card[data-v-a95f8628] {
  overflow: hidden;
  flex-flow: column nowrap;
}
.unread-card-head[data-v-a95f8628] {
  position: relative;
}
.unread-card-title[data-v-a95f8628] {
  position: relative;
  display: inline-block;
  color: #000;
  font-weight: 600;
  font-size: 18px;
  font-family: PingFangSC-Semibold, -apple-system, BlinkMacSystemFont, Helvetica Neue, PingFang SC, Microsoft YaHei, Source Han Sans SC, Noto Sans CJK SC, WenQuanYi Micro Hei, sans-serif;
  margin: 0 0 12px 8px;
}
.unread-count[data-v-a95f8628] {
  font-family: PingFangSC-Regular, -apple-system, BlinkMacSystemFont, Helvetica Neue, PingFang SC, Microsoft YaHei, Source Han Sans SC, Noto Sans CJK SC, WenQuanYi Micro Hei, sans-serif;
  font-size: 18px;
  color: rgba(0, 0, 0, 0.5);
  margin-left: 10px;
}
.default[data-v-a95f8628] {
  height: calc(100% - 60px);
}
.default .default-inner[data-v-a95f8628] {
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.default .default-icon[data-v-a95f8628] {
  margin-bottom: 8px;
  font-size: 56px;
  color: rgba(0, 0, 0, 0.18);
}
.default .default-text[data-v-a95f8628] {
  font-size: 14px;
  line-height: 22px;
  color: rgba(0, 0, 0, 0.38);
}
.message-list[data-v-a95f8628] {
  padding-right: 16px;
  overflow: overlay;
}
.message-list .blue-theme-list[data-v-a95f8628] {
  border: 0;
}
.message-list .blue-theme-list-item[data-v-a95f8628] {
  padding: 8px;
  position: relative;
  content-visibility: auto;
}
.message-list .blue-theme-list-item .message-title[data-v-a95f8628] {
  font-family: PingFangSC-Medium, -apple-system, BlinkMacSystemFont, Helvetica Neue, PingFang SC, Microsoft YaHei, Source Han Sans SC, Noto Sans CJK SC, WenQuanYi Micro Hei, sans-serif;
  font-size: 14px;
  line-height: 22px;
  font-weight: 600;
  color: rgba(0, 0, 0, 0.84);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.message-list .blue-theme-list-item .message-title .title-icon[data-v-a95f8628] {
  font-size: 17px;
  margin-right: 4px;
}
.message-list .blue-theme-list-item .message-desc[data-v-a95f8628] {
  color: rgba(0, 0, 0, 0.84);
  font-family: PingFangSC-Regular, -apple-system, BlinkMacSystemFont, Helvetica Neue, PingFang SC, Microsoft YaHei, Source Han Sans SC, Noto Sans CJK SC, WenQuanYi Micro Hei, sans-serif;
  font-size: 14px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.message-list .blue-theme-list-item .message-desc div[data-v-a95f8628] {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.message-list .blue-theme-list-item .important-icon[data-v-a95f8628] {
  border: 0.5px solid #f5483b;
  border-radius: 8px;
  font-size: 12px;
  font-family: PingFangSC-Medium, -apple-system, BlinkMacSystemFont, Helvetica Neue, PingFang SC, Microsoft YaHei, Source Han Sans SC, Noto Sans CJK SC, WenQuanYi Micro Hei, sans-serif;
  color: #f5483b;
  padding: 0 5px;
  margin-left: 6px;
}
.message-list .blue-theme-list-item .hover-button-group[data-v-a95f8628] {
  position: absolute;
  right: 0;
  top: 0;
  margin: 8px 8px 0 9px;
}
.message-list .blue-theme-list-item .hover-button-group .hover-button[data-v-a95f8628] {
  display: none;
  color: #0a70f5;
  font-size: 14px;
}
.message-list .blue-theme-list-item .hover-button-group .time[data-v-a95f8628] {
  display: inline;
  color: rgba(0, 0, 0, 0.5);
  font-size: 12px;
  font-family: PingFangSC-Regular, -apple-system, BlinkMacSystemFont, Helvetica Neue, PingFang SC, Microsoft YaHei, Source Han Sans SC, Noto Sans CJK SC, WenQuanYi Micro Hei, sans-serif;
  text-align: right;
}
.message-list .blue-theme-list-item[data-v-a95f8628]:hover {
  border-radius: 4px;
}
.message-list .blue-theme-list-item:hover .desc[data-v-a95f8628] {
  opacity: 60%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.message-list .blue-theme-list-item:hover .hover-button-group .hover-button[data-v-a95f8628] {
  display: inline;
}
.message-list .blue-theme-list-item:hover .hover-button-group .time[data-v-a95f8628] {
  display: none;
}
.message-list .blue-theme-list-item--unread[data-v-a95f8628]::before {
  content: " ";
  border: 3px solid #f5483b;
  border-radius: 3px;
  position: absolute;
  left: 0;
  margin: 7px 0 0 3px;
}
.message-list .blue-theme-list-item[data-v-a95f8628]:not(:last-child) {
  border-bottom: 0;
}
.recent-data[data-v-a95f8628] {
  font-family: PingFangSC-Regular, -apple-system, BlinkMacSystemFont, Helvetica Neue, PingFang SC, Microsoft YaHei, Source Han Sans SC, Noto Sans CJK SC, WenQuanYi Micro Hei, sans-serif;
  font-size: 12px;
  padding: 0 12px;
  margin: 20px 0;
  color: rgba(0, 0, 0, 0.6);
}
.recent-data .show-more-data[data-v-a95f8628] {
  color: #0a70f5;
  margin-left: 12px;
}
.background-image[data-v-21eb3ba7] {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  border-radius: 10px;
}
.benefit-explain[data-v-21eb3ba7] {
  height: 260px;
  overflow-y: auto;
  margin-top: 10px;
}
.news-card[data-v-21eb3ba7] {
  width: 268px;
  height: 160px;
  margin: 10px auto;
  text-align: center;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.8) 0%, rgba(255, 255, 255, 0) 100%);
  border: 1px solid;
  border-image: linear-gradient(180deg, #fff 0%, rgba(255, 255, 255, 0) 100%);
  border-radius: 10px;
}
.news-card .news-card-img[data-v-21eb3ba7] {
  width: 100px;
  height: 115px;
  margin: auto;
}
.news-card .news-card-img img[data-v-21eb3ba7] {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.news-card .news-title[data-v-21eb3ba7] {
  font-size: 20px;
  font-weight: bold;
  color: #000;
}
.news-card .news-date[data-v-21eb3ba7] {
  font-size: 14px;
  color: #a8a8a8;
  margin-bottom: 10px;
}
.carousel[data-v-21eb3ba7] .mtd-carousel-item-mask {
  background: none;
}
.carousel[data-v-21eb3ba7] .blue-theme-carousel-item-mask {
  background: none;
}
.carousel[data-v-21eb3ba7] .mtd-carousel-item-next-active {
  left: 45%;
  transform: scale(0.6) translateZ(1px);
}
.carousel[data-v-21eb3ba7] .blue-theme-carousel-item-next-active {
  left: 45%;
  transform: scale(0.6) translateZ(1px);
}
.carousel[data-v-21eb3ba7] .mtd-carousel-item-prev-active {
  left: -25%;
  transform: scale(0.6) translateZ(1px);
}
.carousel[data-v-21eb3ba7] .blue-theme-carousel-item-prev-active {
  left: -25%;
  transform: scale(0.6) translateZ(1px);
}
.carousel[data-v-21eb3ba7] .blue-theme-icon {
  color: #fff;
}
.thin-background[data-v-21eb3ba7] {
  width: 130px;
}
.not-show-card[data-v-21eb3ba7] {
  display: none;
}
.title-status[data-v-21eb3ba7] {
  font-size: 12px;
  font-weight: normal;
  line-height: 20px;
  color: rgba(17, 25, 37, 0.65);
  text-align: center;
  padding: 10px;
}
.news-equity[data-v-21eb3ba7] {
  display: flex;
  align-items: top;
}
.news-equity .equity-title[data-v-21eb3ba7] {
  margin-left: 20px;
}
.news-equity .equity-title p[data-v-21eb3ba7]:nth-child(1) {
  font-weight: 800;
}
.news-equity .equity-title p[data-v-21eb3ba7]:nth-child(2) {
  font-size: 13px;
  color: #a8a8a8;
}
.unmature-benefit[data-v-21eb3ba7] {
  font-size: 14px;
  line-height: 22px;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.equity-bottom[data-v-21eb3ba7] {
  font-size: 13px;
  color: #a8a8a8;
  height: 38px;
  display: flex;
  align-items: end;
}
.link-text[data-v-21eb3ba7] {
  text-decoration: underline;
}
.sub-title[data-v-15f0ca1f] {
  font-weight: 600;
}
.table[data-v-15f0ca1f] {
  margin-bottom: 40px;
}
.explain-text[data-v-15f0ca1f] {
  color: rgba(0, 0, 0, 0.5);
  line-height: 70%;
}
.complete-color[data-v-15f0ca1f] {
  color: #67c23a;
}
.incomplete-color[data-v-15f0ca1f] {
  color: #909399;
}
[data-v-15f0ca1f] .mtd-table-cell {
  text-align: center;
}
.img-done[data-v-55f50ed7] {
  width: 100px;
  height: 115px;
  margin: auto;
}
.card-img-done[data-v-55f50ed7] {
  background: url(assets/badge-shadow-lit.dc966dd64c9d6e203dd3.png);
  background-size: 100%;
}
.card-img-undone[data-v-55f50ed7] {
  background: url(assets/badge-shadow-unlit.ab2f18b63b59fc91aeb0.png);
  background-size: 100%;
}
.news-card[data-v-55f50ed7] {
  width: 350px;
  margin: 20px auto;
  text-align: center;
}
.news-card .star-icon[data-v-55f50ed7] {
  width: 40px;
  height: 40px;
  margin-right: 10px;
}
.news-card .news-title[data-v-55f50ed7] {
  font-size: 20px;
  font-weight: bold;
  color: #000;
}
.news-card .news-date[data-v-55f50ed7] {
  font-size: 14px;
  color: #a8a8a8;
  margin-bottom: 10px;
}
.news-equity[data-v-55f50ed7] {
  display: flex;
  align-items: center;
}
.news-equity .equity-title[data-v-55f50ed7] {
  margin-left: 20px;
}
.news-equity .equity-title p[data-v-55f50ed7]:nth-child(1) {
  font-weight: 800;
}
.news-equity .equity-title p[data-v-55f50ed7]:nth-child(2) {
  font-size: 13px;
  color: #a8a8a8;
}
.equity-bottom[data-v-55f50ed7] {
  font-size: 13px;
  color: #a8a8a8;
}
@charset "UTF-8";
[data-v-de9e9836] .blue-theme-card {
  height: 111px !important;
  background: url(assets/background.9a036fc4e8b0b4a2ef10.png);
  background-size: 100%;
}
[data-v-de9e9836] .blue-theme-progress-text,[data-v-de9e9836] .blue-theme-progress-percentage {
  display: none !important;
}
[data-v-de9e9836] .blue-theme-icon {
  color: #b1b1b1;
}
[data-v-de9e9836] .blue-theme-progress-bar-outer {
  width: 101%;
}
a[data-v-de9e9836],
a[data-v-de9e9836]:hover,
a[data-v-de9e9836]:link,
a[data-v-de9e9836]:visited {
  text-decoration: none;
}
.more-content[data-v-de9e9836] {
  float: right;
  line-height: 28px;
  font-size: 12px;
  font-weight: 400;
  color: rgba(0, 0, 0, 0.6);
  display: none;
  font-family: PingFangSC-Regular, -apple-system, BlinkMacSystemFont, Helvetica Neue, PingFang SC, Microsoft YaHei, Source Han Sans SC, Noto Sans CJK SC, WenQuanYi Micro Hei, sans-serif;
}
.blue-theme-card:hover .more-content[data-v-de9e9836] {
  display: block;
}
.show-more[data-v-de9e9836] {
  margin-bottom: 15px;
}
.show-more .task-header[data-v-de9e9836] {
  display: flex;
  justify-content: space-between;
  height: 25px;
  margin-bottom: 6px;
}
.show-more .task-header .task-title[data-v-de9e9836] {
  font-size: 16px;
  font-weight: 700;
}
.show-more .task-header .task-info[data-v-de9e9836] {
  display: flex;
  align-items: center;
}
.show-more .task-header .task-info .task-countdown[data-v-de9e9836] {
  font-size: 12px;
}
.show-more .task-header .task-info .task-countdown .highlight-red[data-v-de9e9836] {
  color: red;
}
.show-more .task-header .task-info .task-countdown span[data-v-de9e9836] {
  font-size: 15px;
  font-weight: 600;
  padding-left: 5px;
  padding-right: 5px;
}
.show-more .task-header .task-info .task-feedback[data-v-de9e9836],
.show-more .task-header .task-info .task-more[data-v-de9e9836] {
  font-size: 12px;
  color: #b1b1b1;
  line-height: 25px;
}
.show-more .task-header .task-info > div[data-v-de9e9836]:not(:last-child)::after {
  content: "｜";
  margin-left: 10px;
  color: #b1b1b1;
}
.show-more .rule-color[data-v-de9e9836] {
  font-size: 13px;
}
.show-more .plan-color[data-v-de9e9836] {
  display: flex;
  align-items: center;
  position: relative;
}
.show-more .plan-color .task-plan[data-v-de9e9836] {
  font-size: 13px;
}
.show-more .plan-color .plan-progress[data-v-de9e9836] {
  width: 82% !important;
  display: flex;
}
.show-more .plan-color .plan-data[data-v-de9e9836] {
  font-size: 13px;
  color: #b1b1b1;
  padding-left: 19px;
}
.show-more .plan-color .plan-data span[data-v-de9e9836] {
  font-size: 29px;
  color: #000;
}
.card-img-undone[data-v-de9e9836] {
  background: url(assets/badge-shadow-unlit.ab2f18b63b59fc91aeb0.png);
  background-size: 100%;
}
.progress-img[data-v-de9e9836] {
  width: 32px;
  height: 32px;
}
.card-img-done[data-v-de9e9836] {
  background: url(assets/badge-shadow-lit.dc966dd64c9d6e203dd3.png);
  background-size: 100%;
}
.star-img[data-v-de9e9836] {
  width: 40px;
  height: 40px;
}
.blue-theme-card {
  border-radius: 12px;
  border: 1px solid rgba(0, 0, 0, 0.06);
  box-shadow: 0 0 0 0 #fff, 0 0 0 0 #fff, 0 0 0 0 #fff;
  -webkit-box-shadow: 0 0 0 0 #fff, 0 0 0 0 #fff, 0 0 0 0 #fff;
}
.blue-theme-card:hover {
  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.06), 0 2px 6px 6px rgba(0, 0, 0, 0.02), 0 -2px 4px 0 rgba(0, 0, 0, 0.02);
  -webkit-box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.06), 0 2px 6px 6px rgba(0, 0, 0, 0.02), 0 -2px 4px 0 rgba(0, 0, 0, 0.02);
}
.blue-theme-col {
  padding: 0 16px 0 0 !important;
}
.home {
  padding-left: 16px;
}
.blue-theme-row {
  margin-top: 16px;
}
@media (max-width: 1440px) {
.home {
    width: 1392px;
}
.home .blue-theme-card {
    height: 304px;
}
.home .quality-score .score-list {
    height: 218px;
}
.home .quality-score .score-list .blue-theme-list-item:hover .score-list-item {
    /* stylelint-disable-next-line */
    -webkit-mask-image: linear-gradient(to right, black 75%, transparent 80%);
    mask-image: linear-gradient(to right, black 75%, transparent 80%);
}
.home .daily-evaluation .polar-chart {
    height: 174px;
}
.home .unread-message .message-list {
    height: 218px;
}
.home .unread-message .message-list .message-title {
    width: 75%;
}
.home .unread-message .message-list .blue-theme-list-item:hover .message-title {
    -webkit-mask-image: linear-gradient(to right, black 75%, transparent 80%);
    mask-image: linear-gradient(to right, black 75%, transparent 80%);
}
}
@media (min-width: 1440px) and (max-width: 1920px) {
.blue-theme-card {
    height: 304px;
}
.quality-score .score-list {
    height: 218px;
}
.quality-score .score-list .blue-theme-list-item:hover .score-list-item {
    -webkit-mask-image: linear-gradient(to right, black 75%, transparent 80%);
    mask-image: linear-gradient(to right, black 75%, transparent 80%);
}
.daily-evaluation .polar-chart {
    height: 174px;
}
.unread-message .message-list {
    height: 218px;
}
.unread-message .message-list .message-title {
    width: 75%;
}
.unread-message .message-list .blue-theme-list-item:hover .message-title {
    -webkit-mask-image: linear-gradient(to right, black 75%, transparent 80%);
    mask-image: linear-gradient(to right, black 75%, transparent 80%);
}
}
@media (min-width: 1920px) {
.blue-theme-card {
    height: 364px;
}
.quality-score .score-list {
    height: 278px;
}
.quality-score .score-list .blue-theme-list-item:hover .score-list-item {
    -webkit-mask-image: linear-gradient(to right, black 80%, transparent 85%);
    mask-image: linear-gradient(to right, black 80%, transparent 85%);
}
.daily-evaluation .polar-chart {
    height: 234px;
}
.unread-message .message-list {
    height: 278px;
}
.unread-message .message-list .message-title {
    width: 80%;
}
.unread-message .message-list .blue-theme-list-item:hover .message-title {
    -webkit-mask-image: linear-gradient(to right, black 80%, transparent 85%);
    mask-image: linear-gradient(to right, black 80%, transparent 85%);
}
}
.mtd-cascader-menu-item[data-v-2195589a]:hover {
  color: rgb(10, 112, 245);
}
.mtd-cascader-menu-item[data-v-2195589a]:active {
  color: rgb(10, 112, 245);
}
.mtd-cascader-menu-item-active[data-v-2195589a] {
  color: rgb(10, 112, 245);
}
.mtd-multiple-input[data-v-6ddbdec8] {
  position: relative;
  border: 1px solid rgba(0, 0, 0, 0.12);
  border-radius: 4px;
  width: 100%;
  text-align: left;
  outline: none;
  padding: 0 8px 5px;
  font-size: 14px;
  min-height: 32px;
}
.mtd-multiple-input-rendered[data-v-6ddbdec8] {
  line-height: 1;
  display: block;
  position: relative;
}
.mtd-multiple-input-field-wrap[data-v-6ddbdec8] {
  display: inline-block;
}
.mtd-multiple-input-field-wrap .mtd-multiple-input-field[data-v-6ddbdec8] {
  width: 0.75em;
  max-width: 99%;
  display: inline-block;
  vertical-align: top;
  border: none;
  outline: none;
  line-height: inherit;
  padding: 0;
  margin: 0;
  font-size: inherit;
  background-color: transparent;
}
.mtd-multiple-input-field-wrap .mtd-multiple-input-field-mirror[data-v-6ddbdec8] {
  position: absolute;
  top: 0;
  left: 0;
  white-space: pre;
  opacity: 0;
  pointer-events: none;
}
.mtd-multiple-input-suffix-inner[data-v-6ddbdec8] {
  position: absolute;
  text-align: center;
  top: 0;
  right: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: rgba(0, 0, 0, 0.36);
  z-index: 2;
}
.mtd-multiple-input.mtd-multiple-input-suffix[data-v-6ddbdec8] {
  padding-right: 32px;
}
.mtd-multiple-input .mtd-multiple-input-suffix-inner[data-v-6ddbdec8] {
  width: 32px;
  height: 32px;
  font-size: 16px;
}
.mtd-multiple-input-rendered > *[data-v-6ddbdec8] {
  vertical-align: top;
}
.mtd-multiple-input .mtd-multiple-input-rendered > *[data-v-6ddbdec8] {
  margin-top: 5px;
  line-height: 20px;
}
.mtd-multiple-input-placeholder[data-v-6ddbdec8] {
  position: absolute;
  top: 0;
  left: 0;
  padding: 0;
  max-width: 100%;
  white-space: nowrap;
  text-align: left;
  text-overflow: ellipsis;
  color: rgba(0, 0, 0, 0.24);
}
.mtd-cascader-popper[data-v-b155ce4c] {
  display: flex;
}
.cascader-has-selected[data-v-b155ce4c] {
  float: right;
  border-left: 1px solid rgba(0, 0, 0, 0.14);
}
.has-selected-value-list[data-v-b155ce4c] {
  height: 180px;
}
.has-selected-value-list > ul[data-v-b155ce4c] {
  list-style-type: none;
  margin: 0;
  padding: 0 16px;
  height: 100%;
  overflow: auto;
}
.has-selected-value-list > ul li[data-v-b155ce4c] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 36px;
  white-space: nowrap;
}
.has-selected-value-list > ul li .icon.icon-close[data-v-b155ce4c] {
  margin-left: 40px;
  cursor: pointer;
}
.has-selected-value[data-v-b155ce4c] {
  display: flex;
  align-items: center;
  flex-direction: row;
  justify-content: space-between;
  height: 40px;
  font-weight: 400;
  border-bottom: 1px solid rgba(0, 0, 0, 0.07);
}
.has-selected-value .button-selected[data-v-b155ce4c] {
  color: rgba(0, 0, 0, 0.87);
  font-weight: 500;
}
.has-selected-value .button-selected span[data-v-b155ce4c] {
  color: rgba(0, 0, 0, 0.38);
  font-weight: 400;
}
.has-selected-value .button-clear[data-v-b155ce4c] {
  color: #1c6cdc;
}
.case-monitor-header[data-v-4e32c3b1] {
  top: 0;
  position: sticky;
  z-index: 2;
}
.header-tab[data-v-4e32c3b1] {
  display: flex;
}
.filter[data-v-4e32c3b1] {
  width: 100%;
  height: 76px;
  background-color: #fafafa;
  border-bottom: solid 1px rgba(0, 0, 0, 0.06);
  padding: 11px 0;
}
.search-name[data-v-4e32c3b1] {
  font-family: PingFangSC-Regular, -apple-system, BlinkMacSystemFont, Helvetica Neue, PingFang SC, Microsoft YaHei, Source Han Sans SC, Noto Sans CJK SC, WenQuanYi Micro Hei, sans-serif;
  font-size: 12px;
  color: rgba(0, 0, 0, 0.84);
  line-height: 18px;
  margin-bottom: 4px;
}
.search-box[data-v-4e32c3b1] {
  display: block;
  width: 100%;
  height: 32px;
  border-radius: 4px;
  background-color: #fff;
}
.search-btn[data-v-4e32c3b1] {
  height: 32px;
  border-radius: 6px;
  border-color: #1c6cdc;
  border-width: 1px;
  border-style: solid;
  margin-left: 8px;
}
.search-btn-group[data-v-4e32c3b1] {
  white-space: nowrap;
}
.search-btn.search[data-v-4e32c3b1] {
  width: 72px;
  background-color: #1c6cdc;
  color: #fff;
}
.search-btn.save-freq-search[data-v-4e32c3b1] {
  width: 142px;
  background-color: #fff;
  color: #1c6cdc;
}
.search-btn.delete[data-v-4e32c3b1] {
  background-color: #fff;
  color: #1c6cdc;
  width: 72px;
}
.toolbox[data-v-4e32c3b1] {
  height: 48px;
  z-index: 1;
  min-width: 20%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  background-color: #fafafa;
  border-bottom: solid 1px rgba(0, 0, 0, 0.12);
}
.tool[data-v-4e32c3b1] {
  font-size: 14px;
  line-height: 22px;
  font-family: PingFangSC-Regular, -apple-system, BlinkMacSystemFont, Helvetica Neue, PingFang SC, Microsoft YaHei, Source Han Sans SC, Noto Sans CJK SC, WenQuanYi Micro Hei, sans-serif;
  color: rgba(0, 0, 0, 0.84);
}
.tool.expend-opt[data-v-4e32c3b1] {
  display: flex;
  align-items: flex-end;
  padding-bottom: 4px;
}
.case-monitor[data-v-4e32c3b1] {
  position: relative;
  padding-bottom: 20px;
  height: 100%;
  background-color: #fafafa;
  background-repeat: no-repeat;
  background-position: top left;
  background-size: cover;
}
.case-monitor .blue-theme-row[data-v-4e32c3b1] {
  margin-top: 0;
  padding: 11px 8px;
}
.case-monitor .blue-theme-col[data-v-4e32c3b1] {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding: 0 8px;
}
.case-monitor .blue-theme-col[data-v-4e32c3b1]:last-child {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: flex-end;
}
.cascader-select-all[data-v-4e32c3b1] {
  padding-top: 10px;
  padding-left: 16px;
  font-weight: 500;
  height: 40px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.07);
}
.icon.reverse-icon[data-v-4e32c3b1] {
  display: inline-table;
  transform: rotate(180deg);
}
[data-v-4e32c3b1] .blue-theme-tabs-nav-scroll {
  margin-right: 32px;
}
[data-v-4e32c3b1] .case-monitor-tab {
  width: 80%;
  background-color: #fafafa;
}
[data-v-4e32c3b1] .case-monitor-tab > .blue-theme-tabs-nav > .blue-theme-tabs-nav-container {
  padding: 12px 16px;
  height: 48px;
  background-color: #fafafa;
  align-items: baseline;
}
[data-v-4e32c3b1] .case-monitor-tab > .blue-theme-tabs-nav > .blue-theme-tabs-nav-container .blue-theme-tabs-nav-scroll {
  margin-right: 50px;
}
[data-v-4e32c3b1] .case-monitor-tab > .blue-theme-tabs-nav > .blue-theme-tabs-nav-container .blue-theme-tabs-action {
  color: rgba(0, 0, 0, 0.84);
}
[data-v-4e32c3b1] .case-monitor-tab > .blue-theme-tabs-nav > .blue-theme-tabs-nav-container .blue-theme-tabs-page .blue-theme-tabs-action-disabled {
  color: rgba(0, 0, 0, 0.2);
  background-color: unset;
}
[data-v-4e32c3b1] .case-monitor-tab > .blue-theme-tabs-nav > .blue-theme-tabs-nav-container .blue-theme-tabs-item.blue-theme-tabs-item-large {
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  font-family: PingFangSC-Medium, -apple-system, BlinkMacSystemFont, Helvetica Neue, PingFang SC, Microsoft YaHei, Source Han Sans SC, Noto Sans CJK SC, WenQuanYi Micro Hei, sans-serif;
  margin: 0 32px 0 0;
  height: 35px;
  color: rgba(0, 0, 0, 0.5);
}
[data-v-4e32c3b1] .case-monitor-tab > .blue-theme-tabs-nav > .blue-theme-tabs-nav-container .blue-theme-tabs-item.blue-theme-tabs-item-large:hover {
  color: var(--cs-index-main-tab-active-color);
}
[data-v-4e32c3b1] .case-monitor-tab > .blue-theme-tabs-nav > .blue-theme-tabs-nav-container .blue-theme-tabs-item.blue-theme-tabs-item-large.blue-theme-tab-active {
  color: var(--cs-index-main-tab-active-color);
}
[data-v-4e32c3b1] .case-monitor-tab > .blue-theme-tabs-content {
  padding: 0;
}
[data-v-4e32c3b1] .blue-theme-btn.tool .blue-theme-btn-before {
  color: rgba(0, 0, 0, 0.84);
}
[data-v-4e32c3b1] .blue-theme-btn.tool:hover {
  color: var(--cs-index-main-tab-active-color);
}
[data-v-4e32c3b1] .blue-theme-btn.tool:hover .blue-theme-btn-before {
  color: var(--cs-index-main-tab-active-color);
}
[data-v-4e32c3b1] .blue-theme-btn.tool:hover .icon {
  color: var(--cs-index-main-tab-active-color) !important;
}
[data-v-4e32c3b1] .blue-theme-btn-text:focus {
  color: var(--cs-index-main-tab-active-color);
}
[data-v-4e32c3b1] .blue-theme-btn.search-btn.delete {
  color: rgba(0, 0, 0, 0.84);
  border-color: rgba(0, 0, 0, 0.13);
}
[data-v-4e32c3b1] .blue-theme-btn.search-btn.delete .blue-theme-btn-before {
  color: rgba(0, 0, 0, 0.84);
}
[data-v-4e32c3b1] .blue-theme-tabs-bottom-border {
  z-index: 10;
  background-color: rgba(0, 0, 0, 0.12);
}
[data-v-4e32c3b1] .blue-theme-multiple-input-rendered {
  display: flex;
}
[data-v-4e32c3b1] .blue-theme-tag,[data-v-4e32c3b1] .blue-theme-tag.blue-theme-tag-closable {
  border: 1px solid transparent;
  background-color: rgba(0, 0, 0, 0.07);
  color: rgba(0, 0, 0, 0.6);
  font-family: ArialMT, -apple-system, BlinkMacSystemFont, Helvetica Neue, PingFang SC, Microsoft YaHei, Source Han Sans SC, Noto Sans CJK SC, WenQuanYi Micro Hei, sans-serif;
  height: 20px;
  padding: 0 4px;
}
[data-v-4e32c3b1] .blue-theme-multiple-input-rendered .blue-theme-tag {
  border-radius: 4px;
}
[data-v-4e32c3b1] .blue-theme-multiple-input {
  border-radius: 6px;
}
[data-v-4e32c3b1] .blue-theme-tabs-nocard .blue-theme-tabs-bar {
  background-color: var(--cs-index-main-tab-active-color);
}
@media (max-width: 1440px) {
.case-monitor[data-v-4e32c3b1] {
    width: 1392px;
}
.case-monitor-header[data-v-4e32c3b1] {
    width: 1392px;
}
}
#dashboard-business-performance[data-v-4e32c3b1],
#dashboard-rank-analysis[data-v-4e32c3b1] {
  position: absolute;
  width: 100%;
  height: 100%;
}
.dashboard-loading[data-v-4e32c3b1] {
  height: 750px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.guide-entrance-modal .guide-entrance-pic {
  margin-bottom: 28px;
  width: 100%;
}
.guide-entrance-modal .guide-entrance-title {
  margin-bottom: 8px;
  font-family: PingFangSC-Semibold, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
  font-size: 28px;
  color: rgba(42, 42, 42, 0.92);
  text-align: center;
  line-height: 42px;
  font-weight: 600;
}
.guide-entrance-modal .guide-entrance-content {
  padding: 0 150px;
  margin-bottom: 24px;
  font-family: PingFangSC-Regular, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
  font-size: 16px;
  color: rgba(0, 0, 0, 0.65);
  letter-spacing: 0.5px;
  text-align: left;
  line-height: 24px;
  font-weight: 400;
}
.guide-entrance-modal .guide-entrance-footer {
  margin-bottom: 38px;
  text-align: center;
}
.guide-entrance-modal .guide-entrance-footer .guide-entrance-button {
  width: 120px;
  height: 40px;
  color: #fff;
  background: #0A70F5;
  border-radius: 8px;
  font-family: PingFangSC-Medium, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
  font-size: 16px;
  line-height: 22px;
  font-weight: 500;
}
.guide-entrance-modal .mtd-modal-content-wrapper {
  padding: 0;
}

.introjs-helperLayer {
  border-radius: 6px;
}
.introjs-helperLayer.dark-systheme-helperLayer {
  background-color: rgba(255, 255, 255, 0.3);
}

.hide-layer {
  display: none;
}

.introjs-tooltipReferenceLayer .introjs-tooltip {
  padding: 16px 24px;
  background-color: #ffffff;
  min-width: 270px;
  max-width: 300px;
  border-radius: 8px;
}
.introjs-tooltipReferenceLayer .intro-text-title {
  margin-bottom: 8px;
  font-family: PingFangSC-Medium, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
  font-size: 16px;
  color: rgba(0, 0, 0, 0.87);
  letter-spacing: 0;
  line-height: 22px;
  font-weight: 500;
}
.introjs-tooltipReferenceLayer .intro-text-content {
  font-family: PingFangSC-Regular, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.6);
  letter-spacing: 0;
  line-height: 22px;
  font-weight: 400;
}
.introjs-tooltipReferenceLayer .intro-text-step {
  position: absolute;
  left: 24px;
  bottom: 18px;
  font-family: PingFangSC-Regular, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.38);
  letter-spacing: 0;
  font-weight: 400;
  line-height: 20px;
}
.introjs-tooltipReferenceLayer .introjs-skipbutton {
  display: none;
}
.introjs-tooltipReferenceLayer .introjs-skipbutton.introjs-donebutton {
  display: inline-block;
}
.introjs-tooltipReferenceLayer .introjs-prevbutton {
  display: none;
}
.introjs-tooltipReferenceLayer .introjs-button {
  margin-top: 16px;
  background: #1C6CDC !important;
  border: 0;
  border-radius: 4px;
  font-family: PingFangSC-Regular, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
  font-size: 12px;
  color: #FFFFFF;
  text-shadow: 0 0 black;
  letter-spacing: 0;
  text-align: center;
  line-height: 20px;
  font-weight: 400;
}
#cs-guide-popover {
  padding: 4px 8px;
  border-radius: 6px;
  z-index: 50;
  background-color: #212121;
  /* stylelint-disable */
  font-family: PingFangSC-Regular, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
  /* stylelint-enable */
  font-size: 12px;
  color: #fff;
  line-height: 20px;
  font-weight: 400;
  /* &[data-popper-escaped] {
    visibility: hidden;
    pointer-events: none;
  } */
}
#cs-guide-popover #cs-guide-arrow,
#cs-guide-popover #cs-guide-arrow::before {
  position: absolute;
  width: 8px;
  height: 8px;
  z-index: -1;
}
#cs-guide-popover #cs-guide-arrow::before {
  content: "";
  transform: rotate(45deg);
  background: #212121;
}
#cs-guide-popover[data-popper-placement^=top] > #cs-guide-arrow {
  bottom: -4px;
}
#cs-guide-popover[data-popper-placement^=bottom] > #cs-guide-arrow {
  top: -4px;
}
#cs-guide-popover[data-popper-placement^=left] > #cs-guide-arrow {
  right: -4px;
}
#cs-guide-popover[data-popper-placement^=right] > #cs-guide-arrow {
  left: -4px;
}
#cs-guide-popover .icon {
  color: #fff;
  cursor: pointer;
}
@charset "UTF-8";
.mtd-tooltip {
  white-space: normal;
}

.mtd-tag .mtd-tag-close i {
  font-size: 12px;
  color: currentColor;
}

.mtd-tag .mtd-tag-close {
  color: currentColor;
}

.mtd-tooltip.mtd-tooltip-light {
  width: fit-content;
  white-space: pre-wrap !important;
}

.router-container {
  display: flex;
  flex-direction: row;
  overflow: auto;
  height: 100%;
}

.view {
  width: 100%;
  height: 100%;
  overflow: auto;
  margin: 0 auto;
}

.root-view {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  min-width: 1420px !important;
  overflow: hidden;
}

.nav-bar {
  height: 100%;
}

.submenu-popover-style {
  max-width: 170px;
  max-height: 300px;
  overflow-y: auto;
  overflow-x: hidden;
  border-radius: 4px;
  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.06), 0 2px 6px 6px rgba(0, 0, 0, 0.02), 0 -2px 4px 0 rgba(0, 0, 0, 0.02);
  -webkit-box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.06), 0 2px 6px 6px rgba(0, 0, 0, 0.02), 0 -2px 4px 0 rgba(0, 0, 0, 0.02);
}
.submenu-popover-style .mtd-menu-item {
  padding: 0 7px 0 12px;
}
.submenu-popover-style .mtd-menu-item-title,
.submenu-popover-style .mtd-submenu-title {
  padding-left: 8px !important;
}
.submenu-popover-style .mtd-menu-item-title:hover,
.submenu-popover-style .mtd-submenu-title:hover {
  color: #000;
  background: rgba(0, 0, 0, 0.06);
}
.submenu-popover-style .mtd-menu-item-active .mtd-menu-item-title,
.submenu-popover-style .mtd-menu-item-active > .mtd-menu-item-title:hover,
.submenu-popover-style .mtd-menu-item-active > .mtd-menu-item-title.hover {
  color: #000;
  background: rgba(0, 0, 0, 0.12);
}

.mtd-cascader-popper .mtd-cascader-menu-item {
  line-height: 32px;
  padding-left: 8px;
  margin-left: 8px;
  border-radius: 6px;
}

.required::before {
  content: "*";
  color: Red;
}

.content-visibility {
  content-visibility: auto;
}

.mtd-modal-header {
  font-weight: 600;
}

.module-title {
  font: 600 16px/24px PingFangSC-Medium, -apple-system, BlinkMacSystemFont, Helvetica Neue, PingFang SC, Microsoft YaHei, Source Han Sans SC, Noto Sans CJK SC, WenQuanYi Micro Hei, sans-serif;
  display: flex;
  color: rgba(0, 0, 0, 0.9);
  position: relative;
  padding-left: 12px;
  margin: 28px 0 16px 0;
}
.module-title:before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 4px;
  height: 16px;
  background: var(--cs-common-nav-boundary-line-color);
  border-radius: 2px;
}

.remind-popper {
  color: #fff;
  background: #f5483b;
}
.remind-popper.sepd-popper[x-placement^=top] .sepd-popper-arrow::after {
  color: #f5483b;
}

.mtd-popper.noun-tooltip {
  background-color: #FF5F57 !important;
}
.mtd-popper.noun-tooltip .mtd-popper-arrow {
  border-right-color: #f4f4f4 !important;
}
.mtd-popper.noun-tooltip .mtd-popper-arrow::after {
  color: #FF5F57 !important;
}

.flex-horizontal-center {
  display: flex;
  justify-content: center;
}

:root textarea {
  background-color: #fff;
}

body a {
  color: var(--cs-common-primary-color, #5dc77b);
}
body a:hover {
  color: var(--cs-common-primary1-color, #4aae66);
}
body a:focus {
  color: var(--cs-common-primary1-color, #4aae66);
}

.cs-lc-tabs.mtd-tabs .mtd-tabs-item {
  height: 34px;
  line-height: 24px;
  font-size: 14px;
  letter-spacing: 0px;
  font-weight: normal;
  color: rgb(17, 25, 37);
  font-family: pingfang sc;
  padding: 5px 12px;
}
.cs-lc-tabs.mtd-tabs .mtd-tabs-item-normal {
  margin: 0;
}
.cs-lc-tabs.mtd-tabs .mtd-tabs-item:hover {
  color: rgb(17, 25, 37);
}
.cs-lc-tabs.mtd-tabs .mtd-tabs-item.mtd-tab-active {
  background-color: var(--cs-common-primary-color, #00BA73);
  border-radius: 6px 6px 0 0;
}
.cs-lc-tabs.mtd-tabs .mtd-tabs-item.mtd-tab-active,
.cs-lc-tabs.mtd-tabs .mtd-tabs-item.mtd-tab-active .mtd-picker-selected .mtd-picker-icon,
.cs-lc-tabs.mtd-tabs .mtd-tabs-item.mtd-tab-active .mtd-tab-icon .mtd-picker-icon {
  color: #fff;
  font-weight: 500;
}
.cs-lc-tabs.mtd-tabs .mtd-tabs-bottom-border {
  background-color: var(--cs-common-primary-color, #00BA73);
}
.cs-lc-tabs.mtd-tabs .mtd-tabs-bar {
  display: none;
}
.cs-lc-tabs.mtd-tabs .mtd-tabs-content {
  padding: 12px 0 0 0;
}
.cs-lc-tabs.mtd-tabs .mtd-tab-pane .cs-lc-tabs .mtd-tabs-bottom-border {
  display: none;
}
.cs-lc-tabs.mtd-tabs .mtd-tab-pane .cs-lc-tabs .mtd-tabs-nav-scroll .mtd-tabs-item {
  height: 28px;
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 3px 12px;
  justify-content: center;
  margin: 0;
  align-items: center;
  border: 1px solid rgba(17, 25, 37, 0.15);
  border-left: none;
}
.cs-lc-tabs.mtd-tabs .mtd-tab-pane .cs-lc-tabs .mtd-tabs-nav-scroll .mtd-tabs-item:nth-of-type(2) {
  border-left: 1px solid rgba(17, 25, 37, 0.15);
  border-radius: 6px 0 0 6px;
}
.cs-lc-tabs.mtd-tabs .mtd-tab-pane .cs-lc-tabs .mtd-tabs-nav-scroll .mtd-tabs-item:last-of-type {
  border-radius: 0 6px 6px 0;
}
.cs-lc-tabs.mtd-tabs .mtd-tab-pane .cs-lc-tabs .mtd-tabs-nav-scroll .mtd-tabs-item.mtd-tab-active {
  background: #fff;
  border-radius: 0;
  border-color: var(--cs-common-primary-color, #00BA73);
  box-shadow: -1px 0 0 var(--cs-common-primary-color, #00BA73);
}
.cs-lc-tabs.mtd-tabs .mtd-tab-pane .cs-lc-tabs .mtd-tabs-nav-scroll .mtd-tabs-item.mtd-tab-active:nth-of-type(2) {
  border-radius: 6px 0 0 6px;
  box-shadow: none;
  border-left: 1px solid var(--cs-common-primary-color, #00BA73);
}
.cs-lc-tabs.mtd-tabs .mtd-tab-pane .cs-lc-tabs .mtd-tabs-nav-scroll .mtd-tabs-item.mtd-tab-active:last-of-type {
  border-radius: 0 6px 6px 0;
}
.cs-lc-tabs.mtd-tabs .mtd-tab-pane .cs-lc-tabs .mtd-tabs-nav-scroll .mtd-tabs-item.mtd-tab-active,
.cs-lc-tabs.mtd-tabs .mtd-tab-pane .cs-lc-tabs .mtd-tabs-nav-scroll .mtd-tabs-item.mtd-tab-active .mtd-picker-selected .mtd-picker-icon,
.cs-lc-tabs.mtd-tabs .mtd-tab-pane .cs-lc-tabs .mtd-tabs-nav-scroll .mtd-tabs-item.mtd-tab-active .mtd-tab-icon .mtd-picker-icon {
  color: var(--cs-common-primary-color, #00BA73);
}
.cs-lc-tabs.mtd-tabs .mtd-tab-pane .cs-lc-tabs .mtd-tabs-nav-scroll .mtd-tabs-bar-active {
  display: none;
}
.cs-lc-tabs.mtd-tabs .mtd-tab-pane .mtd-tab-pane .cs-lc-tabs .mtd-tabs-nav-scroll .mtd-tabs-item {
  height: 28px;
  padding: 3px 12px;
  margin-right: 8px;
  border: 1px solid rgba(17, 25, 37, 0.15);
  border-radius: 36px;
}
.cs-lc-tabs.mtd-tabs .mtd-tab-pane .mtd-tab-pane .cs-lc-tabs .mtd-tabs-nav-scroll .mtd-tabs-item:nth-of-type(2) {
  border-radius: 36px;
}
.cs-lc-tabs.mtd-tabs .mtd-tab-pane .mtd-tab-pane .cs-lc-tabs .mtd-tabs-nav-scroll .mtd-tabs-item:last-of-type {
  margin-right: 0px;
  border-radius: 36px;
}
.cs-lc-tabs.mtd-tabs .mtd-tab-pane .mtd-tab-pane .cs-lc-tabs .mtd-tabs-nav-scroll .mtd-tabs-item.mtd-tab-active {
  border: 1px solid var(--cs-common-primary-color, #00BA73);
  border-radius: 36px;
  box-shadow: none;
}
.cs-lc-tabs.mtd-tabs .mtd-tab-pane .mtd-tab-pane .cs-lc-tabs .mtd-tabs-nav-scroll .mtd-tabs-item.mtd-tab-active:nth-of-type(2) {
  border-radius: 36px;
}
.cs-lc-tabs.mtd-tabs .mtd-tab-pane .mtd-tab-pane .cs-lc-tabs .mtd-tabs-nav-scroll .mtd-tabs-item.mtd-tab-active:last-of-type {
  margin-right: 0px;
  border-radius: 36px;
}
.cs-lc-tabs.mtd-tabs .mtd-tab-pane .mtd-tab-pane .mtd-tab-pane .cs-lc-tabs .mtd-tabs-nav-scroll .mtd-tabs-item {
  height: 28px;
  padding: 3px 12px;
  border: none;
  border-radius: 0;
  margin: 0;
}
.cs-lc-tabs.mtd-tabs .mtd-tab-pane .mtd-tab-pane .mtd-tab-pane .cs-lc-tabs .mtd-tabs-nav-scroll .mtd-tabs-item.mtd-tab-active {
  border: none;
  border-radius: 0;
}
.cs-lc-tabs.mtd-tabs .mtd-tab-pane .mtd-tab-pane .mtd-tab-pane .cs-lc-tabs .mtd-tabs-bar-active {
  display: block;
  background-color: var(--cs-common-primary-color, #00BA73);
}

.cs-lc-form .mtd-form-item-label {
  color: rgba(17, 25, 37, 0.6) !important;
}
.cs-lc-form .mtd-form-item-label,
.cs-lc-form .mtd-form-item-content {
  line-height: 22px;
  height: auto;
  word-break: break-word;
  min-height: 22px;
}
.cs-lc-form .mtd-form-item {
  margin-bottom: 0;
}
.cs-lc-form .label-position-col .mtd-form-item-label {
  width: 100% !important;
  justify-content: flex-start;
  text-align: left;
}
.cs-lc-form .label-position-col .mtd-form-item-content {
  margin-left: 0 !important;
  width: 100%;
}
.cs-lc-form .label-position-row .mtd-form-item-label {
  margin-right: 10px;
  padding-right: 0px;
}
.cs-lc-form .node-render .block-line-item {
  padding-bottom: 16px;
}

.cs-lc-table .flex-line-item,
.cs-lc-block-search .flex-line-item {
  column-gap: 0px !important;
}
.cs-lc-table .flex-line-item .mtd-form-item-content,
.cs-lc-block-search .flex-line-item .mtd-form-item-content {
  margin-right: 24px;
}
.cs-lc-table .flex-line-item .mtd-form-item-content:has(.mtd-btn:only-child),
.cs-lc-block-search .flex-line-item .mtd-form-item-content:has(.mtd-btn:only-child) {
  margin-right: 8px;
}
.cs-lc-table .flex-line-item .label-position-row,
.cs-lc-block-search .flex-line-item .label-position-row {
  display: flex;
  align-items: center;
}
.cs-lc-table .flex-line-item .label-position-row .mtd-form-item-label,
.cs-lc-block-search .flex-line-item .label-position-row .mtd-form-item-label {
  text-align: left;
  justify-content: flex-start;
}
.cs-lc-table .flex-line-item .label-position-row .mtd-form-item-content .cs-secret-input,
.cs-lc-block-search .flex-line-item .label-position-row .mtd-form-item-content .cs-secret-input {
  max-width: 200px;
  margin-right: 0px;
}
.cs-lc-table .flex-line-item > .node-render:nth-last-child(2) .mtd-form-item-content, .cs-lc-table .flex-line-item > .node-render:nth-last-child(1) .mtd-form-item-content,
.cs-lc-block-search .flex-line-item > .node-render:nth-last-child(2) .mtd-form-item-content,
.cs-lc-block-search .flex-line-item > .node-render:nth-last-child(1) .mtd-form-item-content {
  width: auto;
}
.cs-lc-table .flex-line-item > .node-render:nth-last-child(2) .mtd-btn + .mtd-btn, .cs-lc-table .flex-line-item > .node-render:nth-last-child(1) .mtd-btn + .mtd-btn,
.cs-lc-block-search .flex-line-item > .node-render:nth-last-child(2) .mtd-btn + .mtd-btn,
.cs-lc-block-search .flex-line-item > .node-render:nth-last-child(1) .mtd-btn + .mtd-btn {
  margin-left: 8px;
}

.table-pagination .mtd-pager-item {
  font-size: 14px;
}

.mtd-table-cell > .lc-tags-container {
  margin-bottom: 0;
}
.mtd-table-cell > .lc-tags-container .cs-lc-tag {
  margin: 2px 3px;
}

[dir=rtl] .cs-lc-table .mtd-table .mtd-table-header .mtd-table-cell {
  text-align: start;
}

.cs-lc-table .mtd-table .mtd-table-cell {
  word-break: break-word;
}
.cs-lc-table .mtd-table th {
  background-color: rgb(248, 248, 249);
}
.cs-lc-table .mtd-table .mtd-table-current-row td {
  background-color: var(--cs-common-primary4-color, #d8f0e6);
}
.cs-lc-table .mtd-table .selector-row {
  background-color: var(--cs-common-primary4-color, #d8f0e6);
}
.cs-lc-table .mtd-table .selector-row td {
  background-color: var(--cs-common-primary4-color, #d8f0e6);
}
.cs-lc-table .mtd-table .selector-default-row {
  background-color: #fff;
}
.cs-lc-table .mtd-table .selector-default-row td {
  background-color: #fff;
}
.cs-lc-table .mtd-dropdown-menu-item {
  margin: 4px;
}

.cs-lc-selector-tabs {
  margin-top: 16px;
}
.cs-lc-selector-tabs .selector-index {
  display: inline-block;
  width: 20px;
  height: 20px;
  border-radius: 257px;
  background: var(--cs-common-primary-color, #00BA73);
  color: #fff;
  font-weight: 600;
  text-align: center;
  line-height: 20px;
  margin-right: 8px;
}
.cs-lc-selector-tabs .selector-title {
  color: #111925;
  font-size: 14px;
  font-weight: 600;
}
.cs-lc-selector-tabs .mtd-table {
  border-radius: 6px 6px 0 0;
  border: 1px solid #D4D5D6;
}
.cs-lc-selector-tabs .mtd-table .mtd-table-cell {
  color: #111925;
}
.cs-lc-selector-tabs .mtd-table th .mtd-table-cell {
  font-weight: normal;
}
.cs-lc-selector-tabs .mtd-table tr:not(:last-child) td {
  border-bottom: 1px solid #D4D5D6;
}
.cs-lc-selector-tabs .mtd-table tr td:first-child .mtd-table-cell {
  font-weight: 600;
}
.cs-lc-selector-tabs .mtd-btn-primary, .cs-lc-selector-tabs .mtd-btn-primary.hover, .cs-lc-selector-tabs .mtd-btn-primary:focus, .cs-lc-selector-tabs .mtd-btn-primary:hover {
  background: var(--cs-common-primary-color, #00BA73);
  border: var(--cs-common-primary-color, #00BA73);
}
.cs-lc-selector-tabs .mtd-tabs-item {
  height: 28px;
  line-height: 22px;
  opacity: 0.65;
  color: rgba(0, 0, 0, 0.9);
}
.cs-lc-selector-tabs .mtd-tabs-nocard .mtd-tabs-item.hover, .cs-lc-selector-tabs .mtd-tabs-nocard .mtd-tabs-item:hover {
  color: rgba(0, 0, 0, 0.9);
}
.cs-lc-selector-tabs .mtd-tabs-item.mtd-tab-active, .cs-lc-selector-tabs .mtd-tabs-item.mtd-tab-active .mtd-picker-selected .mtd-picker-icon, .cs-lc-selector-tabs .mtd-tabs-item.mtd-tab-active .mtd-tab-icon .mtd-picker-icon {
  color: rgba(0, 0, 0, 0.9) !important;
  opacity: 1;
}
.cs-lc-selector-tabs .mtd-tab-active {
  font-weight: 600;
}
.cs-lc-selector-tabs .mtd-tabs-bar {
  background-color: rgba(0, 0, 0, 0.9) !important;
}
.cs-lc-selector-tabs .mtd-tab-active {
  font-weight: 600 !important;
}
.cs-lc-selector-tabs .cs-lc-tabs.mtd-tabs .mtd-tab-pane .cs-lc-tabs {
  margin-left: 0;
}
.cs-lc-selector-tabs .lc-block .lc-block-content {
  padding: 0 !important;
}
.cs-lc-selector-tabs .mtd-radio-checked .mtd-radio-inner {
  background-color: var(--cs-common-primary-color, #00BA73);
  border-color: var(--cs-common-primary-color, #00BA73);
}

[flex] {
  flex: 1;
  box-sizing: border-box;
  min-width: 0;
  min-height: 0;
}

[layout],
[layout=column],
[layout=row] {
  box-sizing: border-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}

[layout=column] {
  flex-direction: column;
}

[layout=row] {
  flex-direction: row;
}

[layout-align],
[layout-align="start stretch"] {
  justify-content: flex-start;
  align-content: stretch;
  align-items: stretch;
}

[layout-align=start],
[layout-align="start start"],
[layout-align="start center"],
[layout-align="start end"],
[layout-align="start stretch"] {
  justify-content: flex-start;
}

[layout-align=center],
[layout-align="center start"],
[layout-align="center center"],
[layout-align="center end"],
[layout-align="center stretch"] {
  justify-content: center;
}

[layout-align=end],
[layout-align="end center"],
[layout-align="end start"],
[layout-align="end end"],
[layout-align="end stretch"] {
  justify-content: flex-end;
}

[layout-align=space-around],
[layout-align="space-around center"],
[layout-align="space-around start"],
[layout-align="space-around end"],
[layout-align="space-around stretch"] {
  justify-content: space-around;
}

[layout-align=space-between],
[layout-align="space-between center"],
[layout-align="space-between start"],
[layout-align="space-between end"],
[layout-align="space-between stretch"] {
  justify-content: space-between;
}

[layout-align="start start"],
[layout-align="center start"],
[layout-align="end start"],
[layout-align="space-between start"],
[layout-align="space-around start"] {
  align-items: flex-start;
  align-content: flex-start;
}

[layout-align="start center"],
[layout-align="center center"],
[layout-align="end center"],
[layout-align="space-between center"],
[layout-align="space-around center"] {
  align-items: center;
  align-content: center;
  max-width: 100%;
}

[layout-align="start center"] > *,
[layout-align="center center"] > *,
[layout-align="end center"] > *,
[layout-align="space-between center"] > *,
[layout-align="space-around center"] > * {
  max-width: 100%;
  box-sizing: border-box;
}

[layout-align="start end"],
[layout-align="center end"],
[layout-align="end end"],
[layout-align="space-between end"],
[layout-align="space-around end"] {
  align-items: flex-end;
  align-content: flex-end;
}

[layout-align="start stretch"],
[layout-align="center stretch"],
[layout-align="end stretch"],
[layout-align="space-between stretch"],
[layout-align="space-around stretch"] {
  align-items: stretch;
  align-content: stretch;
}

.show-three-line {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  text-overflow: ellipsis;
  overflow: hidden;
}

.cs-select .mtd-cascader {
  width: 100%;
  max-width: 300px;
}
.cs-select .mtd-select-disabled .mtd-input-wrapper .mtd-input-suffix-inner {
  display: none;
}
.cs-select .mtd-input:disabled {
  color: #666;
}
.cs-select .mtd-select-disabled .mtd-input-wrapper .mtd-input {
  border: none;
  cursor: auto;
}
.cs-select .mtd-select-disabled {
  opacity: 1;
}
.cs-select .cs-field-right {
  flex-direction: column;
  align-items: flex-start;
}
.cs-select .text-color-red {
  color: red;
}
.cs-select .cs-f-select {
  border: 1px solid red;
}

.cs-textarea {
  flex-grow: 1;
}
.cs-textarea .textarea-wrapper {
  position: relative;
  flex-grow: 1;
}
.cs-textarea .textarea-wrapper .mtd-textarea {
  width: 100%;
  border: none;
  resize: none;
  height: 100px;
  font-size: 14px;
  line-height: 20px;
}
.cs-textarea .textarea-wrapper textarea {
  border: none;
}
.cs-textarea .limit-exceeded {
  border-color: #ff4a47;
}
.cs-textarea .textarea-limit-exceeded-tip {
  color: #ff4a47;
}
.cs-textarea .nlp-textarea {
  position: relative;
  display: flex;
  background-color: rgb(255, 255, 255);
  border: 1px solid #ddd;
  border-radius: 4px;
  min-height: 104px;
}
.cs-textarea .nlp-textarea .nlp-textarea-operation {
  position: absolute;
  display: flex;
  flex-direction: row;
  align-items: center;
  right: 0;
  bottom: 0;
  z-index: 3;
}
.cs-textarea .nlp-textarea .nlp-textarea-operation .icon-cscs-icon-nlp-delete {
  line-height: 22px;
}
.cs-textarea .nlp-textarea .nlp-textarea-operation .nlp-default-recommend-tag {
  background: #a3fdc2;
  border-radius: 8px;
  font-size: 14px;
  color: var(--cs-common-primary-color);
  letter-spacing: 0;
  padding: 0 6px;
  margin-right: 8px;
}
.cs-textarea .nlp-textarea .nlp-textarea-operation .mtd-btn {
  height: 24px;
}
.cs-textarea .nlp-textarea .mtd-textarea {
  height: 100%;
}
.cs-textarea .recommend-textarea {
  position: relative;
  padding-bottom: 24px;
  background: rgba(0, 0, 0, 0.04);
  border: 1px solid rgba(0, 0, 0, 0.06);
  border-radius: 2px;
}
.cs-textarea .recommend-textarea .preload-textarea {
  color: rgba(0, 0, 0, 0.6);
  opacity: unset;
  cursor: default;
  height: 80px;
  overflow: auto;
  padding: 4px 8px;
  width: 100%;
}
.cs-textarea .recommend-textarea .recommend-textarea-operation {
  position: absolute;
  right: 6px;
  bottom: 0;
  z-index: 3;
  display: flex;
  align-items: center;
}
.cs-textarea .mtd-btn > span {
  line-height: 20px;
}
.cs-textarea .icon-style-disabled > span {
  line-height: 20px;
  color: rgba(0, 0, 0, 0.6);
}
.cs-textarea .cancel-btn-span {
  line-height: 12px;
}
.cs-textarea .cancel-btn {
  color: var(--cs-common-primary2-color);
  display: inline;
  cursor: pointer;
  margin: 0 8px;
}
.cs-textarea .icon-style {
  color: var(--cs-common-primary2-color);
  display: inline;
  cursor: pointer;
  margin: 12px;
}
.cs-textarea .clear-icon {
  margin: 0 12px;
}
.cs-textarea .mtdicon-copy-o {
  cursor: pointer;
}
.cs-textarea .textareat-edit-slot,
.cs-textarea .textarea-not-edit-slot {
  width: 100%;
}
.cs-textarea .refresh-btn {
  color: var(--cs-common-primary2-color);
}
.cs-textarea .mtdicon-refresh-o {
  color: var(--cs-common-primary2-color);
}
.cs-textarea .view-all-icon {
  margin: 0 7px 0 12px;
}

.cs-text .mtd-input-wrapper {
  width: 100%;
  max-width: 300px;
}
.cs-text .cs-field-right {
  flex-direction: column;
  align-items: start;
}

.cs-radio .mtd-radio {
  max-width: 100%;
  align-items: flex-start;
}
.cs-radio .mtd-radio-inner {
  margin-top: 2px;
}
.cs-radio .mtd-radio-nlp-recommend {
  padding-left: 2px;
}
.cs-radio .mtd-radio-nlp-recommend .mtd-radio-inner {
  position: relative !important;
}
.cs-radio .mtd-radio-nlp-recommend .mtd-radio-inner::before {
  position: absolute;
  content: "";
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 20px;
  height: 20px;
  border: 1px dashed var(--cs-common-primary-color);
  border-radius: 50%;
}

.cs-checkbox .mtd-checkbox {
  margin-bottom: 4px;
}
.cs-checkbox .mtd-checkbox-nlp-recommend {
  padding-left: 2px;
  margin-right: 32px !important;
}
.cs-checkbox .mtd-checkbox-nlp-recommend .mtd-checkbox-inner {
  position: relative !important;
}
.cs-checkbox .mtd-checkbox-nlp-recommend .mtd-checkbox-inner::before {
  position: absolute;
  content: "";
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 20px;
  height: 20px;
  border: 1px dashed var(--cs-common-primary-color);
}
.cs-checkbox .mtd-checkbox-group .mtd-tooltip-rel .mtd-checkbox:last-child {
  margin-right: 32px !important;
}

.cs-secret-input {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin-right: 6px;
  max-width: 300px;
}
.cs-secret-input .icon-style {
  cursor: pointer;
  color: #00ba73;
  position: absolute;
  text-align: center;
  height: 80%;
  right: 3px;
  top: 25%;
}
.cs-secret-input .edit-input .mtd-input-wrapper {
  max-width: 100px;
}
.cs-secret-input .mtd-input-suffix-inner {
  width: 20px;
}
.cs-secret-input .mtd-input-wrapper.mtd-input-suffix .mtd-input {
  padding-right: 20px;
}

.cs-multiple-select .mtd-select {
  width: 100%;
}
.cs-multiple-select .mtd-select-disabled .mtd-input-wrapper .mtd-input-suffix-inner {
  display: none;
}
.cs-multiple-select .mtd-input:disabled {
  color: #666;
}
.cs-multiple-select .mtd-select-disabled .mtd-input-wrapper .mtd-input {
  border: none;
  cursor: auto;
}
.cs-multiple-select .mtd-select-disabled {
  opacity: 1;
}

.cs-dynamic-multiple-select .mtd-select {
  width: 100%;
}

.cs-graph .mtd-carousel .mtd-carousel-btn {
  background-color: #999;
}
.cs-graph .mtd-carousel .mtd-carousel-btn.mtd-carousel-prev {
  left: 0;
}
.cs-graph .mtd-carousel .mtd-carousel-btn.mtd-carousel-next {
  right: 0;
}
.cs-graph .mtd-carousel-inside {
  padding-inline-start: 0;
}

.cs-number {
  width: 100%;
}
.cs-number .mtd-input:read-only {
  border-color: transparent;
}
.cs-number .mtd-input-number-wrapper {
  width: 100%;
}
.cs-number .mtd-input-number-small {
  height: 32px;
  width: 100%;
}
.cs-number .mtd-input-number-small .mtd-input-number {
  padding-top: 2px;
  line-height: 32px;
}
.cs-number .mtd-input:read-only {
  border-color: transparent;
}
.cs-number .mtd-input-number-wrapper {
  width: 100%;
}

.cs-lc-steps-content .mtd-steps {
  flex-wrap: nowrap !important;
  overflow-x: scroll;
}
.cs-lc-steps-content .mtd-steps .mtd-step-process > .mtd-step-main-description {
  color: rgba(17, 25, 37, 0.85);
}
.cs-lc-steps-content .name-step-bar .cs-step-horizontal {
  min-width: unset;
  flex: 1 1 auto !important;
}
.cs-lc-steps-content .name-step-bar .cs-step-horizontal .mtd-step-head-icon {
  width: auto;
  min-width: unset;
}
.cs-lc-steps-content .name-step-bar .cs-step-horizontal .mtd-step-head-line {
  min-width: 62px;
}
.cs-lc-steps-content .name-step-bar .mtd-step-head-icon {
  min-width: 80px;
  line-height: 30px;
  border-radius: 6px;
  font-size: 12px;
  color: #fff;
  padding: 0 6px;
  background: var(--cs-common-primary-color);
}
.cs-lc-steps-content .name-step-bar .mtd-step-error > .mtd-step-head-icon {
  background: #ff1f1f;
}
.cs-lc-steps-content .name-step-bar .mtd-step-cancel > .mtd-step-head-icon {
  background: #f70;
}
.cs-lc-steps-content .name-step-bar .mtd-step-wait > .mtd-step-head-icon {
  background: rgba(17, 25, 37, 0.3);
}
.cs-lc-steps-content .name-step-bar .mtd-step-flex {
  flex: 1;
}
.cs-lc-steps-content .component-step-bar .mtd-step-flex {
  flex: 1;
}

.cs-date-select .mtd-input-wrapper {
  width: 100%;
}

.cs-field-container .cs-field-left {
  font-size: 14px;
  line-height: 22px;
  color: rgba(0, 0, 0, 0.9);
  white-space: normal;
  flex-shrink: 0;
}
.cs-field-container .cs-field-left .field-display-name {
  /**
  * word-break: break-all; // 任意位置断开，会影响单词的完整性，加lang='en'+hyphens:auto也不会出现连字符（-）
  * 【采用方式】word-break: break-word; // 先尝试正常换行，如果不行再强制断开，不会导致溢出，可能影响单词的完整性，配合lang='en'+hyphens:auto会出现连字符（-）弥补该问题
  * word-break: auto; // 不会强制断开长单词，可能导致溢出
  */
  word-break: break-word;
  display: inline-block;
  position: relative;
  color: #646971;
}
.cs-field-container .required {
  width: 1em;
  height: 1em;
  margin-right: 2px;
  font-size: 8px;
  vertical-align: baseline;
}
.cs-field-container svg:not(:root) {
  overflow: hidden;
}
.cs-field-container .cs-field-right {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  font-size: 14px;
  line-height: 22px;
  color: rgba(0, 0, 0, 0.9);
  white-space: normal;
  word-break: break-word;
  width: 100%;
}
.cs-field-container .cs-field-right .mtd-textarea,
.cs-field-container .cs-field-right .mtd-input {
  color: rgba(0, 0, 0, 0.9);
}

.cs-field-container-row .cs-field-left {
  width: 112px;
  margin-right: 12px;
  text-align: left;
  display: flex;
  align-items: center;
  justify-content: left;
}

.cs-field-container-column {
  width: 100%;
}
.cs-field-container-column .cs-field-right {
  width: 100%;
  margin-top: 4px;
}

[cs-style-env=CustomStepBar] [cs-field-label-max-width="50%"] .cs-field-container .cs-field-left {
  max-width: 50%;
}
@charset "UTF-8";
/* Automatically generated by './generator/css.js' */
/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
/**
* 基础变量
* 参见: https://km.sankuai.com/page/147289627
**/
*,
*::before,
*::after {
  box-sizing: border-box;
}

body {
  font-family: Helvetica Neue, Helvetica, Arial, PingFang SC, Heiti SC, Hiragino Sans GB, Microsoft YaHei, sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 1.5714285714;
  -webkit-font-smoothing: antialiased;
  color: rgba(0, 0, 0, 0.7);
  margin: 0;
}

code,
pre {
  font-family: Menlo, Monaco, Consolas, Courier New, monospace;
}

button,
input,
optgroup,
select,
textarea {
  overflow: visible;
  padding: 0;
  font-family: inherit;
}

input[type=text],
input[type=password],
input[type=number],
textarea {
  -webkit-appearance: none;
}

input::-ms-clear,
input::-ms-reveal {
  display: none;
}

::placeholder {
  color: rgba(0, 0, 0, 0.25);
}

button,
select {
  text-transform: none;
}

a {
  color: #0A70F5;
  background-color: transparent;
  -webkit-text-decoration-skip: objects;
  transition: color 0.3s;
  text-decoration: none;
}
a:hover, a.hover, a.hover {
  color: #2A8EFE;
  text-decoration: underline;
}
a:active, a.active, a.active {
  color: #BAE2FF;
}
a.black-link {
  color: rgba(0, 0, 0, 0.9);
}
a.black-link:hover, a.black-link:active {
  color: rgba(0, 0, 0, 0.9);
}
a.grey-link {
  color: rgba(0, 0, 0, 0.5);
}
a.grey-link:hover, a.grey-link:active {
  color: rgba(0, 0, 0, 0.9);
}
a.underline {
  text-decoration: underline;
}
a.use-visited:visited {
  color: #005ADE;
}
a[disabled] {
  color: rgba(0, 0, 0, 0.7);
  cursor: not-allowed;
  pointer-events: none;
}
a.disabled-link {
  pointer-events: none;
  color: rgba(0, 0, 0, 0.25);
}
a i:last-child {
  vertical-align: -10%;
}

h1 {
  font-size: 30px;
  line-height: 38px;
  font-weight: 700;
}

h2 {
  font-size: 24px;
  line-height: 32px;
  font-weight: 500;
}

h3 {
  font-size: 20px;
  line-height: 28px;
  font-weight: 400;
}

h4,
h5,
h6 {
  font-size: inherit;
  line-height: 20px;
}

/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
/**
* 基础变量
* 参见: https://km.sankuai.com/page/147289627
**/
.collapse-transition {
  transition: 0.2s height ease-in-out, 0.2s padding-top ease-in-out, 0.2s padding-bottom ease-in-out;
}

.collapse-overflow {
  overflow: hidden;
}

.fade-in-enter-active, .fade-in-leave-active {
  transition: opacity linear 0.3s;
}
.fade-in-enter, .fade-in-leave-active {
  opacity: 0;
}

/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
/**
* 基础变量
* 参见: https://km.sankuai.com/page/147289627
**/
@font-face {
  font-family: "mtdicon";
  src: url(assets/mtdicon.383e12befb3dbcfa2a32.eot);
  /* IE9*/
  src: url(assets/mtdicon.383e12befb3dbcfa2a32.eot#iefix) format("embedded-opentype"), url(assets/mtdicon.c5d3a5ae9a54c07ad96f.woff) format("woff"), url(assets/mtdicon.a1c13b4afd97439090a4.ttf) format("truetype"), url(assets/mtdicon.e91bcb210b8ae2edf875.svg#mtdicon) format("svg");
  /* iOS 4.1- */
}
/* .blue-theme-icon {
  font-family: "mtdicon" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
} */
.blue-theme-icon-floor-fill:before {
  content: "\e000";
}

.blue-theme-icon-floor:before {
  content: "\e001";
}

.blue-theme-icon-globe:before {
  content: "\e002";
}

.blue-theme-icon-location-o:before {
  content: "\e003";
}

.blue-theme-icon-location:before {
  content: "\e004";
}

.blue-theme-icon-align-center:before {
  content: "\e005";
}

.blue-theme-icon-align-justify:before {
  content: "\e006";
}

.blue-theme-icon-align-left:before {
  content: "\e007";
}

.blue-theme-icon-align-right:before {
  content: "\e008";
}

.blue-theme-icon-alphabetically:before {
  content: "\e009";
}

.blue-theme-icon-cleaner-format:before {
  content: "\e00a";
}

.blue-theme-icon-collapse:before {
  content: "\e00b";
}

.blue-theme-icon-color-fill:before {
  content: "\e00c";
}

.blue-theme-icon-color-font:before, .blue-theme-icon-colorfont:before {
  content: "\e00d";
}

.blue-theme-icon-delete-selected-row:before {
  content: "\e00e";
}

.blue-theme-icon-expand:before {
  content: "\e00f";
}

.blue-theme-icon-font-size-1:before, .blue-theme-icon-h1:before {
  content: "\e010";
}

.blue-theme-icon-font-size-2:before, .blue-theme-icon-h2:before {
  content: "\e011";
}

.blue-theme-icon-form:before {
  content: "\e012";
}

.blue-theme-icon-format-bold:before, .blue-theme-icon-formatbold:before {
  content: "\e013";
}

.blue-theme-icon-header-column:before {
  content: "\e014";
}

.blue-theme-icon-header-line:before {
  content: "\e015";
}

.blue-theme-icon-insert-column-left:before {
  content: "\e016";
}

.blue-theme-icon-insert-column-right:before {
  content: "\e017";
}

.blue-theme-icon-insert-row-down:before {
  content: "\e018";
}

.blue-theme-icon-insert-row-up:before {
  content: "\e019";
}

.blue-theme-icon-italic:before {
  content: "\e01a";
}

.blue-theme-icon-list-bulleted:before {
  content: "\e01b";
}

.blue-theme-icon-list-numbered:before {
  content: "\e01c";
}

.blue-theme-icon-list-view:before {
  content: "\e01d";
}

.blue-theme-icon-merge-cells:before {
  content: "\e01e";
}

.blue-theme-icon-paint:before {
  content: "\e01f";
}

.blue-theme-icon-serikeethrough:before {
  content: "\e020";
}

.blue-theme-icon-toc:before {
  content: "\e021";
}

.blue-theme-icon-underlined:before {
  content: "\e022";
}

.blue-theme-icon-unmerge-cells:before {
  content: "\e023";
}

.blue-theme-icon-cancel-circle-fill:before {
  content: "\e024";
}

.blue-theme-icon-cancel-circle:before {
  content: "\e025";
}

.blue-theme-icon-check-thick:before {
  content: "\e026";
}

.blue-theme-icon-check:before, .blue-theme-icon-close-thick:before {
  content: "\e027";
}

.blue-theme-icon-checkbox-checked-o:before {
  content: "\e028";
}

.blue-theme-icon-checkbox-checked:before {
  content: "\e029";
}

.blue-theme-icon-checkbox-unchecked-o:before, .blue-theme-icon-checkbox-unchecked:before {
  content: "\e02a";
}

.blue-theme-icon-checkmini:before {
  content: "\e02b";
}

.blue-theme-icon-close:before, .blue-theme-icon-close-thick:before {
  content: "\e02c";
}

.blue-theme-icon-closemini:before {
  content: "\e02d";
}

.blue-theme-icon-error-circle:before {
  content: "\e02e";
}

.blue-theme-icon-error:before, .blue-theme-icon-error-o:before {
  content: "\e02f";
}

.blue-theme-icon-info-circle-o:before {
  content: "\e030";
}

.blue-theme-icon-info-circle:before {
  content: "\e031";
}

.blue-theme-icon-nosign:before {
  content: "\e032";
}

.blue-theme-icon-provisional:before {
  content: "\e033";
}

.blue-theme-icon-question-circle-o:before {
  content: "\e034";
}

.blue-theme-icon-question-circle:before {
  content: "\e035";
}

.blue-theme-icon-question-mark:before {
  content: "\e036";
}

.blue-theme-icon-questionmini:before {
  content: "\e037";
}

.blue-theme-icon-radio-unchecked:before {
  content: "\e038";
}

.blue-theme-icon-shield-fill:before {
  content: "\e039";
}

.blue-theme-icon-shield-success-fill:before {
  content: "\e03a";
}

.blue-theme-icon-shield-success:before {
  content: "\e03b";
}

.blue-theme-icon-shield:before {
  content: "\e03c";
}

.blue-theme-icon-success-circle:before {
  content: "\e03d";
}

.blue-theme-icon-success-o:before {
  content: "\e03e";
}

.blue-theme-icon-warning-circle-o:before {
  content: "\e03f";
}

.blue-theme-icon-warning-circle:before {
  content: "\e040";
}

.blue-theme-icon-warning:before {
  content: "\e041";
}

.blue-theme-icon-warningmini:before {
  content: "\e042";
}

.blue-theme-icon-adaptation-screen:before {
  content: "\e043";
}

.blue-theme-icon-airplayvideo:before {
  content: "\e044";
}

.blue-theme-icon-bell-o:before {
  content: "\e045";
}

.blue-theme-icon-bell-slash-fill:before {
  content: "\e046";
}

.blue-theme-icon-bell:before {
  content: "\e047";
}

.blue-theme-icon-camera-fill:before {
  content: "\e048";
}

.blue-theme-icon-camera:before {
  content: "\e049";
}

.blue-theme-icon-customer-o:before {
  content: "\e04a";
}

.blue-theme-icon-customer:before {
  content: "\e04b";
}

.blue-theme-icon-demonstration:before {
  content: "\e04c";
}

.blue-theme-icon-enlarge:before {
  content: "\e04d";
}

.blue-theme-icon-exit-fullscreen-o:before {
  content: "\e04e";
}

.blue-theme-icon-fullscreen-o:before {
  content: "\e04f";
}

.blue-theme-icon-keyboard:before {
  content: "\e050";
}

.blue-theme-icon-laser-pen:before {
  content: "\e051";
}

.blue-theme-icon-log-out:before {
  content: "\e052";
}

.blue-theme-icon-micrify:before {
  content: "\e053";
}

.blue-theme-icon-monitor:before {
  content: "\e054";
}

.blue-theme-icon-mosaic:before {
  content: "\e055";
}

.blue-theme-icon-original:before, .blue-theme-icon-originalsize:before {
  content: "\e056";
}

.blue-theme-icon-phone:before {
  content: "\e057";
}

.blue-theme-icon-picture-fill:before {
  content: "\e058";
}

.blue-theme-icon-picture:before {
  content: "\e059";
}

.blue-theme-icon-play-fill:before {
  content: "\e05a";
}

.blue-theme-icon-play:before {
  content: "\e05b";
}

.blue-theme-icon-quote:before {
  content: "\e05c";
}

.blue-theme-icon-rotate:before {
  content: "\e05d";
}

.blue-theme-icon-search:before {
  content: "\e05e";
}

.blue-theme-icon-shape:before {
  content: "\e05f";
}

.blue-theme-icon-tailoring:before {
  content: "\e060";
}

.blue-theme-icon-unbell:before {
  content: "\e061";
}

.blue-theme-icon-video:before, .blue-theme-icon-video1:before {
  content: "\e062";
}

.blue-theme-icon-volume:before {
  content: "\e063";
}

.blue-theme-icon-volume1:before {
  content: "\e064";
}

.blue-theme-icon-volume2:before {
  content: "\e065";
}

.blue-theme-icon-volume3:before {
  content: "\e066";
}

.blue-theme-icon-bank-card-fill:before {
  content: "\e067";
}

.blue-theme-icon-calculator-o:before {
  content: "\e068";
}

.blue-theme-icon-calculator:before {
  content: "\e069";
}

.blue-theme-icon-calendar-o:before {
  content: "\e06a";
}

.blue-theme-icon-calendar:before {
  content: "\e06b";
}

.blue-theme-icon-cart-o:before, .blue-theme-icon-cart:before {
  content: "\e06c";
}

.blue-theme-icon-database-fill:before {
  content: "\e06d";
}

.blue-theme-icon-database-o:before {
  content: "\e06e";
}

.blue-theme-icon-ellipsis:before {
  content: "\e06f";
}

.blue-theme-icon-handle:before {
  content: "\e070";
}

.blue-theme-icon-home-o:before {
  content: "\e071";
}

.blue-theme-icon-home:before {
  content: "\e072";
}

.blue-theme-icon-invoice-fill:before {
  content: "\e073";
}

.blue-theme-icon-invoice:before, .blue-theme-icon-invoice-o:before {
  content: "\e074";
}

.blue-theme-icon-load:before {
  content: "\e075";
}

.blue-theme-icon-menus-o:before {
  content: "\e076";
}

.blue-theme-icon-more-circle-fill:before {
  content: "\e077";
}

.blue-theme-icon-more-circle-o-fill:before {
  content: "\e078";
}

.blue-theme-icon-more-circle:before {
  content: "\e079";
}

.blue-theme-icon-more:before {
  content: "\e07a";
}

.blue-theme-icon-nonetwork:before {
  content: "\e07b";
}

.blue-theme-icon-point:before {
  content: "\e07c";
}

.blue-theme-icon-slider-settings:before {
  content: "\e07d";
}

.blue-theme-icon-square-stack-up-fill:before {
  content: "\e07e";
}

.blue-theme-icon-square-stack-up:before {
  content: "\e07f";
}

.blue-theme-icon-template:before {
  content: "\e080";
}

.blue-theme-icon-theme-o:before {
  content: "\e081";
}

.blue-theme-icon-theme:before {
  content: "\e082";
}

.blue-theme-icon-time-o:before {
  content: "\e083";
}

.blue-theme-icon-time:before {
  content: "\e084";
}

.blue-theme-icon-wifi-o:before {
  content: "\e085";
}

.blue-theme-icon-at:before {
  content: "\e086";
}

.blue-theme-icon-avatar-add-fill:before {
  content: "\e087";
}

.blue-theme-icon-avatar-add:before {
  content: "\e088";
}

.blue-theme-icon-avatar-fill:before {
  content: "\e089";
}

.blue-theme-icon-avatar-group-fill:before {
  content: "\e08a";
}

.blue-theme-icon-avatar-group:before {
  content: "\e08b";
}

.blue-theme-icon-avatar-o:before {
  content: "\e08c";
}

.blue-theme-icon-badge:before {
  content: "\e08d";
}

.blue-theme-icon-bolt:before {
  content: "\e08e";
}

.blue-theme-icon-comment-fill:before {
  content: "\e08f";
}

.blue-theme-icon-comment:before {
  content: "\e090";
}

.blue-theme-icon-contacts-fill:before {
  content: "\e091";
}

.blue-theme-icon-contacts:before {
  content: "\e092";
}

.blue-theme-icon-dislike-fill:before {
  content: "\e093";
}

.blue-theme-icon-education-fill:before {
  content: "\e094";
}

.blue-theme-icon-education:before {
  content: "\e095";
}

.blue-theme-icon-fabulous-fill:before {
  content: "\e096";
}

.blue-theme-icon-flame-fill:before {
  content: "\e097";
}

.blue-theme-icon-flame:before {
  content: "\e098";
}

.blue-theme-icon-forward-o:before, .blue-theme-icon-share-2:before {
  content: "\e099";
}

.blue-theme-icon-id-card-fill:before {
  content: "\e09a";
}

.blue-theme-icon-id-card:before {
  content: "\e09b";
}

.blue-theme-icon-jigsaw-fill:before {
  content: "\e09c";
}

.blue-theme-icon-jigsaw:before {
  content: "\e09d";
}

.blue-theme-icon-like-fill:before {
  content: "\e09e";
}

.blue-theme-icon-dislike:before {
  content: "\e09f";
}

.blue-theme-icon-fabulous:before {
  content: "\e0a0";
}

.blue-theme-icon-like:before {
  content: "\e0a1";
}

.blue-theme-icon-meetingroom-fill:before {
  content: "\e0a2";
}

.blue-theme-icon-meetingroom:before {
  content: "\e0a3";
}

.blue-theme-icon-meh-o:before {
  content: "\e0a4";
}

.blue-theme-icon-meh:before {
  content: "\e0a5";
}

.blue-theme-icon-paperplane-fill:before {
  content: "\e0a6";
}

.blue-theme-icon-paperplane:before {
  content: "\e0a7";
}

.blue-theme-icon-review:before {
  content: "\e0a8";
}

.blue-theme-icon-sad-o:before {
  content: "\e0a9";
}

.blue-theme-icon-sad:before {
  content: "\e0aa";
}

.blue-theme-icon-share-o:before {
  content: "\e0ab";
}

.blue-theme-icon-share:before {
  content: "\e0ac";
}

.blue-theme-icon-smile-o:before {
  content: "\e0ad";
}

.blue-theme-icon-smile:before {
  content: "\e0ae";
}

.blue-theme-icon-star-half:before {
  content: "\e0af";
}

.blue-theme-icon-star-o:before {
  content: "\e0b0";
}

.blue-theme-icon-star:before {
  content: "\e0b1";
}

.blue-theme-icon-telephone-fill:before {
  content: "\e0b2";
}

.blue-theme-icon-telephone:before {
  content: "\e0b3";
}

.blue-theme-icon-trophy-fill:before {
  content: "\e0b4";
}

.blue-theme-icon-trophy:before {
  content: "\e0b5";
}

.blue-theme-icon-visibility-off-o:before {
  content: "\e0b6";
}

.blue-theme-icon-visibility-on-fill:before {
  content: "\e0b7";
}

.blue-theme-icon-visibility-on-o:before {
  content: "\e0b8";
}

.blue-theme-icon-areachart-o:before {
  content: "\e0b9";
}

.blue-theme-icon-areachart:before {
  content: "\e0ba";
}

.blue-theme-icon-bar-chart-fill:before {
  content: "\e0bb";
}

.blue-theme-icon-bar-chart:before {
  content: "\e0bc";
}

.blue-theme-icon-barschart-o:before {
  content: "\e0bd";
}

.blue-theme-icon-barschart:before {
  content: "\e0be";
}

.blue-theme-icon-cloud-fill:before {
  content: "\e0bf";
}

.blue-theme-icon-cloud-o:before {
  content: "\e0c0";
}

.blue-theme-icon-code-off:before {
  content: "\e0c1";
}

.blue-theme-icon-code-on:before {
  content: "\e0c2";
}

.blue-theme-icon-drill-down-fill:before {
  content: "\e0c3";
}

.blue-theme-icon-drill-down-o:before {
  content: "\e0c4";
}

.blue-theme-icon-funnel-chart-fill:before {
  content: "\e0c5";
}

.blue-theme-icon-funnel-chart:before {
  content: "\e0c6";
}

.blue-theme-icon-hierarchy-fill:before {
  content: "\e0c7";
}

.blue-theme-icon-hierarchy-o:before {
  content: "\e0c8";
}

.blue-theme-icon-paste-code-fill:before {
  content: "\e0c9";
}

.blue-theme-icon-paste-code-o:before {
  content: "\e0ca";
}

.blue-theme-icon-piechart-o:before {
  content: "\e0cb";
}

.blue-theme-icon-piechart:before {
  content: "\e0cc";
}

.blue-theme-icon-table-fill:before {
  content: "\e0cd";
}

.blue-theme-icon-table:before {
  content: "\e0ce";
}

.blue-theme-icon-annex:before {
  content: "\e0cf";
}

.blue-theme-icon-briefcase-fill:before, .blue-theme-icon-briefcasefill:before {
  content: "\e0d0";
}

.blue-theme-icon-briefcase:before {
  content: "\e0d1";
}

.blue-theme-icon-file-export-fill:before {
  content: "\e0d2";
}

.blue-theme-icon-file-export:before {
  content: "\e0d3";
}

.blue-theme-icon-file-fill:before {
  content: "\e0d4";
}

.blue-theme-icon-file-import-fill:before {
  content: "\e0d5";
}

.blue-theme-icon-file-import:before {
  content: "\e0d6";
}

.blue-theme-icon-file-send-fill:before {
  content: "\e0d7";
}

.blue-theme-icon-file-send:before {
  content: "\e0d8";
}

.blue-theme-icon-file:before, .blue-theme-icon-file-o:before {
  content: "\e0d9";
}

.blue-theme-icon-folder-fill:before {
  content: "\e0da";
}

.blue-theme-icon-folder:before {
  content: "\e0db";
}

.blue-theme-icon-link-o:before {
  content: "\e0dc";
}

.blue-theme-icon-lookup-fill:before {
  content: "\e0dd";
}

.blue-theme-icon-lookup:before {
  content: "\e0de";
}

.blue-theme-icon-mail-fill:before {
  content: "\e0df";
}

.blue-theme-icon-mail-o:before {
  content: "\e0e0";
}

.blue-theme-icon-qrcode:before {
  content: "\e0e1";
}

.blue-theme-icon-refresh:before {
  content: "\e0e2";
}

.blue-theme-icon-schedule-fill:before {
  content: "\e0e3";
}

.blue-theme-icon-schedule:before {
  content: "\e0e4";
}

.blue-theme-icon-underfined:before, .blue-theme-icon-compress:before {
  content: "\e0e5";
}

.blue-theme-icon-unlink:before {
  content: "\e0e6";
}

.blue-theme-icon-add-square-fill:before, .blue-theme-icon-file-add:before {
  content: "\e0e7";
}

.blue-theme-icon-add-square-o:before, .blue-theme-icon-file-add-o:before {
  content: "\e0e8";
}

.blue-theme-icon-add:before {
  content: "\e0e9";
}

.blue-theme-icon-checkbox-indetermina:before {
  content: "\e0ea";
}

.blue-theme-icon-copy-o:before {
  content: "\e0eb";
}

.blue-theme-icon-copy:before {
  content: "\e0ec";
}

.blue-theme-icon-cycle:before {
  content: "\e0ed";
}

.blue-theme-icon-delete-o:before {
  content: "\e0ee";
}

.blue-theme-icon-delete:before {
  content: "\e0ef";
}

.blue-theme-icon-edit-o:before {
  content: "\e0f0";
}

.blue-theme-icon-edit:before {
  content: "\e0f1";
}

.blue-theme-icon-filter-o:before {
  content: "\e0f2";
}

.blue-theme-icon-filter:before {
  content: "\e0f3";
}

.blue-theme-icon-history:before {
  content: "\e0f4";
}

.blue-theme-icon-import-export-o:before {
  content: "\e0f5";
}

.blue-theme-icon-lock-fill:before {
  content: "\e0f6";
}

.blue-theme-icon-lock-o:before {
  content: "\e0f7";
}

.blue-theme-icon-printing-fill:before {
  content: "\e0f8";
}

.blue-theme-icon-printing:before {
  content: "\e0f9";
}

.blue-theme-icon-redo:before {
  content: "\e0fa";
}

.blue-theme-icon-refresh-o:before {
  content: "\e0fb";
}

.blue-theme-icon-remove:before, .blue-theme-icon-minus:before {
  content: "\e0fc";
}

.blue-theme-icon-save-o:before {
  content: "\e0fd";
}

.blue-theme-icon-save:before {
  content: "\e0fe";
}

.blue-theme-icon-sort:before {
  content: "\e0ff";
}

.blue-theme-icon-undo-o:before {
  content: "\e100";
}

.blue-theme-icon-unlock-fill:before {
  content: "\e101";
}

.blue-theme-icon-unlock:before {
  content: "\e102";
}

.blue-theme-icon-arrow-down:before {
  content: "\e103";
}

.blue-theme-icon-arrow-left:before {
  content: "\e104";
}

.blue-theme-icon-arrow-right:before {
  content: "\e105";
}

.blue-theme-icon-arrow-up:before {
  content: "\e106";
}

.blue-theme-icon-down-thick:before {
  content: "\e107";
}

.blue-theme-icon-down:before {
  content: "\e108";
}

.blue-theme-icon-download-o:before {
  content: "\e109";
}

.blue-theme-icon-export-o:before {
  content: "\e10a";
}

.blue-theme-icon-fast-backward:before {
  content: "\e10b";
}

.blue-theme-icon-fast-forward:before {
  content: "\e10c";
}

.blue-theme-icon-left-thick:before {
  content: "\e10d";
}

.blue-theme-icon-left:before {
  content: "\e10e";
}

.blue-theme-icon-right-thick:before {
  content: "\e10f";
}

.blue-theme-icon-right:before {
  content: "\e110";
}

.blue-theme-icon-top:before {
  content: "\e111";
}

.blue-theme-icon-triangle-down:before {
  content: "\e112";
}

.blue-theme-icon-triangle-left:before {
  content: "\e113";
}

.blue-theme-icon-triangle-right:before {
  content: "\e114";
}

.blue-theme-icon-triangle-up:before {
  content: "\e115";
}

.blue-theme-icon-up-thick:before {
  content: "\e116";
}

.blue-theme-icon-up:before {
  content: "\e117";
}

.blue-theme-icon-add-message-fill:before {
  content: "\e118";
}

.blue-theme-icon-add-message:before {
  content: "\e119";
}

.blue-theme-icon-bank-card:before, .blue-theme-icon-bankcard:before {
  content: "\e11a";
}

.blue-theme-icon-folder-list-fill:before, .blue-theme-icon-folderlistfill:before {
  content: "\e11b";
}

.blue-theme-icon-folder-list:before, .blue-theme-icon-folderlist:before {
  content: "\e11c";
}

.blue-theme-icon-new-folde:before, .blue-theme-icon-newfolde:before {
  content: "\e11d";
}

.blue-theme-icon-review-fill:before, .blue-theme-icon-reviewfill:before {
  content: "\e11e";
}

.blue-theme-icon-sort-up-and-down-o:before, .blue-theme-icon-sortupanddown-o:before {
  content: "\e11f";
}

.blue-theme-icon-video-fill:before, .blue-theme-icon-videofill:before {
  content: "\e120";
}

.blue-theme-icon-volume-fill:before, .blue-theme-icon-volumefill:before {
  content: "\e121";
}

.blue-theme-icon-volume-slash-fill:before, .blue-theme-icon-volumeslashfill:before {
  content: "\e122";
}

.blue-theme-icon-volume-slash:before, .blue-theme-icon-volumeslash:before {
  content: "\e123";
}

.blue-theme-icon-volume1-fill:before, .blue-theme-icon-volume1fill:before {
  content: "\e124";
}

.blue-theme-icon-volume2-fill:before, .blue-theme-icon-volume2fill:before {
  content: "\e125";
}

.blue-theme-icon-volume3-fill:before, .blue-theme-icon-volume3fill:before {
  content: "\e126";
}

.blue-theme-icon-label:before {
  content: "\e127";
}

.blue-theme-icon-bolt-fill:before {
  content: "\e128";
}

.blue-theme-icon-addmini:before {
  content: "\e129";
}

.blue-theme-icon-archery-fill:before {
  content: "\e12a";
}

.blue-theme-icon-avatar-group-o:before {
  content: "\e12b";
}

.blue-theme-icon-bag-fill:before {
  content: "\e12c";
}

.blue-theme-icon-check-bold:before {
  content: "\e12d";
}

.blue-theme-icon-circle-o:before {
  content: "\e12e";
}

.blue-theme-icon-comment-o:before {
  content: "\e12f";
}

.blue-theme-icon-cooking-o:before {
  content: "\e130";
}

.blue-theme-icon-crown-undo-o:before {
  content: "\e131";
}

.blue-theme-icon-expression-add-o:before {
  content: "\e132";
}

.blue-theme-icon-fast-downword:before {
  content: "\e133";
}

.blue-theme-icon-fast-upword:before {
  content: "\e134";
}

.blue-theme-icon-file-warning-fill:before {
  content: "\e135";
}

.blue-theme-icon-filebox-o:before {
  content: "\e136";
}

.blue-theme-icon-find-o:before {
  content: "\e137";
}

.blue-theme-icon-focus-o:before {
  content: "\e138";
}

.blue-theme-icon-html-o:before {
  content: "\e139";
}

.blue-theme-icon-jumpout-o:before {
  content: "\e13a";
}

.blue-theme-icon-lab-o:before {
  content: "\e13b";
}

.blue-theme-icon-flowchart-o:before {
  content: "\e13c";
}

.blue-theme-icon-focus-fill:before {
  content: "\e13d";
}

.blue-theme-icon-focus-add-o:before {
  content: "\e13e";
}

.blue-theme-icon-link2:before {
  content: "\e13f";
}

.blue-theme-icon-lock-log-o:before {
  content: "\e140";
}

.blue-theme-icon-mark-o:before {
  content: "\e141";
}

.blue-theme-icon-market-fill:before {
  content: "\e142";
}

.blue-theme-icon-market-o:before {
  content: "\e143";
}

.blue-theme-icon-menu-point:before {
  content: "\e144";
}

.blue-theme-icon-money-circle-fill:before {
  content: "\e145";
}

.blue-theme-icon-notebook-check-fill:before {
  content: "\e146";
}

.blue-theme-icon-mute-o:before {
  content: "\e147";
}

.blue-theme-icon-mindmap-o:before {
  content: "\e148";
}

.blue-theme-icon-notebook-o:before {
  content: "\e149";
}

.blue-theme-icon-notebook-time-o:before {
  content: "\e14a";
}

.blue-theme-icon-order-warning-fill:before {
  content: "\e14b";
}

.blue-theme-icon-read:before {
  content: "\e14c";
}

.blue-theme-icon-renewal:before {
  content: "\e14d";
}

.blue-theme-icon-share-arrow-fill:before {
  content: "\e14e";
}

.blue-theme-icon-shuffl-playback:before {
  content: "\e14f";
}

.blue-theme-icon-page-fill:before {
  content: "\e150";
}

.blue-theme-icon-page-o:before {
  content: "\e151";
}

.blue-theme-icon-state-o:before {
  content: "\e152";
}

.blue-theme-icon-subscript:before {
  content: "\e153";
}

.blue-theme-icon-superscript:before {
  content: "\e154";
}

.blue-theme-icon-telephone-down-fill:before {
  content: "\e155";
}

.blue-theme-icon-textformat:before {
  content: "\e156";
}

.blue-theme-icon-time-countdown-o:before {
  content: "\e157";
}

.blue-theme-icon-unlink2:before {
  content: "\e158";
}

.blue-theme-icon-upload-cloud-fill:before {
  content: "\e159";
}

.blue-theme-icon-upload-cloud-o:before {
  content: "\e15a";
}

.blue-theme-icon-vpn-o:before {
  content: "\e15b";
}

.blue-theme-icon-wifi-fill:before {
  content: "\e15c";
}

.blue-theme-icon-word-o:before {
  content: "\e15d";
}

.blue-theme-icon-vertical-center:before {
  content: "\e15e";
}

.blue-theme-icon-vertical-down:before {
  content: "\e15f";
}

.blue-theme-icon-vertical-up:before {
  content: "\e160";
}

.blue-theme-icon-wifi-slash-fill:before {
  content: "\e161";
}

.blue-theme-icon-instructions-fill:before {
  content: "\e162";
}

.blue-theme-icon-removemini:before {
  content: "\e163";
}

.blue-theme-icon-line:before {
  content: "\e164";
}

.blue-theme-icon-file-move:before {
  content: "\e165";
}

.blue-theme-icon-expand-panel:before {
  content: "\e166";
}

.blue-theme-icon-checkbox-part-o:before, .blue-theme-icon-checkbox-indetermina-o:before {
  content: "\e167";
}

.blue-theme-icon-dialogue-o:before {
  content: "\e168";
}

.blue-theme-icon-monitor-video-fill:before {
  content: "\e169";
}

.blue-theme-icon-delete-column:before, .blue-theme-icon-delete-selectedcolumn:before {
  content: "\e16a";
}

.blue-theme-icon-lattice:before {
  content: "\e16b";
}

.blue-theme-icon-telephonevolume-fill:before {
  content: "\e16c";
}

.blue-theme-icon-comment-q-fill:before {
  content: "\e16d";
}

.blue-theme-icon-alipay:before {
  content: "\e16e";
}

.blue-theme-icon-amazon:before {
  content: "\e16f";
}

.blue-theme-icon-android:before {
  content: "\e170";
}

.blue-theme-icon-apple:before {
  content: "\e171";
}

.blue-theme-icon-chrome:before {
  content: "\e172";
}

.blue-theme-icon-dropbox:before {
  content: "\e173";
}

.blue-theme-icon-github:before {
  content: "\e174";
}

.blue-theme-icon-google:before {
  content: "\e175";
}

.blue-theme-icon-qq:before {
  content: "\e176";
}

.blue-theme-icon-slack:before {
  content: "\e177";
}

.blue-theme-icon-twitter:before {
  content: "\e178";
}

.blue-theme-icon-wechat:before {
  content: "\e179";
}

.blue-theme-icon-wechatpay:before {
  content: "\e17a";
}

.blue-theme-icon-weibo:before {
  content: "\e17b";
}

.blue-theme-icon-html5:before, .blue-theme-icon-html:before {
  content: "\e17c";
}

.blue-theme-icon-ie:before {
  content: "\e17d";
}

.blue-theme-icon-cart-fill:before {
  content: "\e17e";
}

.blue-theme-icon-topic:before {
  content: "\e17f";
}

.blue-theme-icon-check-switch:before {
  content: "\e180";
}

.blue-theme-icon-close-switch:before {
  content: "\e181";
}

.blue-theme-icon-star-o-rate:before {
  content: "\e182";
}

.blue-theme-icon-star-half-rate:before {
  content: "\e183";
}

.blue-theme-icon-star-rate:before {
  content: "\e184";
}

.blue-theme-icon-slash:before {
  content: "\e185";
}

.blue-theme-icon-setting-fill:before {
  content: "\e186";
}

.blue-theme-icon-setting:before {
  content: "\e187";
}

.blue-theme-icon-calendar-y:before {
  content: "\e188";
}

.blue-theme-icon-cart-y:before {
  content: "\e189";
}

.blue-theme-icon-home-y:before {
  content: "\e18a";
}

.blue-theme-icon-time-y:before {
  content: "\e18b";
}

/* .blue-theme-icon-icon-test {
  @extend .blue-theme-icon-topic;
} */
@keyframes rotating {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(360deg);
  }
}
.blue-theme-icon-loading {
  display: inline-block;
}
.blue-theme-icon-loading::before {
  display: none;
}
.blue-theme-icon-loading::after {
  animation: rotating linear 1s infinite;
  content: " ";
  display: block;
  width: 1em;
  height: 1em;
  border: 2px solid transparent;
  border-top-color: currentColor;
  border-right-color: currentColor;
  border-bottom-color: currentColor;
  border-radius: 50%;
}

.blue-theme-icon {
  display: inline-block;
}

[class^=blue-theme-icon-],
[class*=" blue-theme-icon-"] {
  font-family: "mtdicon" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  font-size: 1em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
/**
* 基础变量
* 参见: https://km.sankuai.com/page/147289627
**/
/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
.blue-theme-popper {
  border-radius: 6px;
  background-color: #fff;
  box-shadow: 0 8px 24px 0 rgba(0, 0, 0, 0.12);
  border-color: #fff;
}
.blue-theme-popper-wrapper {
  display: inline-block;
}
.blue-theme-popper .blue-theme-popper-arrow {
  color: #ebeef5;
}
.blue-theme-popper .blue-theme-popper-arrow:after {
  color: #fff;
}
.blue-theme-popper .blue-theme-dropdown-menu {
  border: none;
}
.blue-theme-popper-arrow, .blue-theme-popper-arrow:after {
  display: block;
  position: absolute;
  z-index: 1;
  width: 0;
  height: 0;
  border: 4px solid transparent;
}
.blue-theme-popper-arrow:after {
  content: " ";
}
.blue-theme-popper[x-placement^=top] {
  margin-bottom: 4px;
}
.blue-theme-popper[x-placement^=top] .blue-theme-popper-arrow {
  bottom: -4px;
  border-bottom: 0px;
  border-top-color: currentColor;
}
.blue-theme-popper[x-placement^=top] .blue-theme-popper-arrow:after {
  bottom: 1px;
  left: -4px;
  border-bottom: 0px;
  border-top-color: currentColor;
}
.blue-theme-popper[x-placement^=bottom] {
  margin-top: 4px;
}
.blue-theme-popper[x-placement^=bottom] .blue-theme-popper-arrow {
  top: -4px;
  border-top: 0px;
  border-bottom-color: currentColor;
}
.blue-theme-popper[x-placement^=bottom] .blue-theme-popper-arrow:after {
  top: 1px;
  left: -4px;
  border-top: 0px;
  border-bottom-color: currentColor;
}
.blue-theme-popper[x-placement^=left] {
  margin-right: 4px;
}
.blue-theme-popper[x-placement^=left] .blue-theme-popper-arrow {
  right: -4px;
  border-right: 0px;
  border-left-color: currentColor;
}
.blue-theme-popper[x-placement^=left] .blue-theme-popper-arrow:after {
  right: 1px;
  top: -4px;
  border-right: 0px;
  border-left-color: currentColor;
}
.blue-theme-popper[x-placement^=right] {
  margin-left: 4px;
}
.blue-theme-popper[x-placement^=right] .blue-theme-popper-arrow {
  left: -4px;
  border-left: 0px;
  border-right-color: currentColor;
}
.blue-theme-popper[x-placement^=right] .blue-theme-popper-arrow:after {
  left: 1px;
  top: -4px;
  border-left: 0px;
  border-right-color: currentColor;
}

.blue-theme-popper-show-arrow[x-placement^=top] {
  margin-bottom: 8px;
}
.blue-theme-popper-show-arrow[x-placement^=bottom] {
  margin-top: 8px;
}
.blue-theme-popper-show-arrow[x-placement^=left] {
  margin-right: 8px;
}
.blue-theme-popper-show-arrow[x-placement^=right] {
  margin-left: 8px;
}

.blue-theme-lock-scroll {
  overflow: hidden;
}

.blue-theme-visible-hidden {
  visibility: hidden;
} /*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
/**
* 基础变量
* 参见: https://km.sankuai.com/page/147289627
**/
@font-face {
  font-family: "mtdicon";
  src: url(assets/mtdicon.383e12befb3dbcfa2a32.eot);
  /* IE9*/
  src: url(assets/mtdicon.383e12befb3dbcfa2a32.eot#iefix) format("embedded-opentype"), url(assets/mtdicon.c5d3a5ae9a54c07ad96f.woff) format("woff"), url(assets/mtdicon.a1c13b4afd97439090a4.ttf) format("truetype"), url(assets/mtdicon.e91bcb210b8ae2edf875.svg#mtdicon) format("svg");
  /* iOS 4.1- */
}
/* .blue-theme-icon {
  font-family: "mtdicon" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
} */
.blue-theme-icon-floor-fill:before {
  content: "\e000";
}

.blue-theme-icon-floor:before {
  content: "\e001";
}

.blue-theme-icon-globe:before {
  content: "\e002";
}

.blue-theme-icon-location-o:before {
  content: "\e003";
}

.blue-theme-icon-location:before {
  content: "\e004";
}

.blue-theme-icon-align-center:before {
  content: "\e005";
}

.blue-theme-icon-align-justify:before {
  content: "\e006";
}

.blue-theme-icon-align-left:before {
  content: "\e007";
}

.blue-theme-icon-align-right:before {
  content: "\e008";
}

.blue-theme-icon-alphabetically:before {
  content: "\e009";
}

.blue-theme-icon-cleaner-format:before {
  content: "\e00a";
}

.blue-theme-icon-collapse:before {
  content: "\e00b";
}

.blue-theme-icon-color-fill:before {
  content: "\e00c";
}

.blue-theme-icon-color-font:before, .blue-theme-icon-colorfont:before {
  content: "\e00d";
}

.blue-theme-icon-delete-selected-row:before {
  content: "\e00e";
}

.blue-theme-icon-expand:before {
  content: "\e00f";
}

.blue-theme-icon-font-size-1:before, .blue-theme-icon-h1:before {
  content: "\e010";
}

.blue-theme-icon-font-size-2:before, .blue-theme-icon-h2:before {
  content: "\e011";
}

.blue-theme-icon-form:before {
  content: "\e012";
}

.blue-theme-icon-format-bold:before, .blue-theme-icon-formatbold:before {
  content: "\e013";
}

.blue-theme-icon-header-column:before {
  content: "\e014";
}

.blue-theme-icon-header-line:before {
  content: "\e015";
}

.blue-theme-icon-insert-column-left:before {
  content: "\e016";
}

.blue-theme-icon-insert-column-right:before {
  content: "\e017";
}

.blue-theme-icon-insert-row-down:before {
  content: "\e018";
}

.blue-theme-icon-insert-row-up:before {
  content: "\e019";
}

.blue-theme-icon-italic:before {
  content: "\e01a";
}

.blue-theme-icon-list-bulleted:before {
  content: "\e01b";
}

.blue-theme-icon-list-numbered:before {
  content: "\e01c";
}

.blue-theme-icon-list-view:before {
  content: "\e01d";
}

.blue-theme-icon-merge-cells:before {
  content: "\e01e";
}

.blue-theme-icon-paint:before {
  content: "\e01f";
}

.blue-theme-icon-serikeethrough:before {
  content: "\e020";
}

.blue-theme-icon-toc:before {
  content: "\e021";
}

.blue-theme-icon-underlined:before {
  content: "\e022";
}

.blue-theme-icon-unmerge-cells:before {
  content: "\e023";
}

.blue-theme-icon-cancel-circle-fill:before {
  content: "\e024";
}

.blue-theme-icon-cancel-circle:before {
  content: "\e025";
}

.blue-theme-icon-check-thick:before {
  content: "\e026";
}

.blue-theme-icon-check:before, .blue-theme-icon-close-thick:before {
  content: "\e027";
}

.blue-theme-icon-checkbox-checked-o:before {
  content: "\e028";
}

.blue-theme-icon-checkbox-checked:before {
  content: "\e029";
}

.blue-theme-icon-checkbox-unchecked-o:before, .blue-theme-icon-checkbox-unchecked:before {
  content: "\e02a";
}

.blue-theme-icon-checkmini:before {
  content: "\e02b";
}

.blue-theme-icon-close:before, .blue-theme-icon-close-thick:before {
  content: "\e02c";
}

.blue-theme-icon-closemini:before {
  content: "\e02d";
}

.blue-theme-icon-error-circle:before {
  content: "\e02e";
}

.blue-theme-icon-error:before, .blue-theme-icon-error-o:before {
  content: "\e02f";
}

.blue-theme-icon-info-circle-o:before {
  content: "\e030";
}

.blue-theme-icon-info-circle:before {
  content: "\e031";
}

.blue-theme-icon-nosign:before {
  content: "\e032";
}

.blue-theme-icon-provisional:before {
  content: "\e033";
}

.blue-theme-icon-question-circle-o:before {
  content: "\e034";
}

.blue-theme-icon-question-circle:before {
  content: "\e035";
}

.blue-theme-icon-question-mark:before {
  content: "\e036";
}

.blue-theme-icon-questionmini:before {
  content: "\e037";
}

.blue-theme-icon-radio-unchecked:before {
  content: "\e038";
}

.blue-theme-icon-shield-fill:before {
  content: "\e039";
}

.blue-theme-icon-shield-success-fill:before {
  content: "\e03a";
}

.blue-theme-icon-shield-success:before {
  content: "\e03b";
}

.blue-theme-icon-shield:before {
  content: "\e03c";
}

.blue-theme-icon-success-circle:before {
  content: "\e03d";
}

.blue-theme-icon-success-o:before {
  content: "\e03e";
}

.blue-theme-icon-warning-circle-o:before {
  content: "\e03f";
}

.blue-theme-icon-warning-circle:before {
  content: "\e040";
}

.blue-theme-icon-warning:before {
  content: "\e041";
}

.blue-theme-icon-warningmini:before {
  content: "\e042";
}

.blue-theme-icon-adaptation-screen:before {
  content: "\e043";
}

.blue-theme-icon-airplayvideo:before {
  content: "\e044";
}

.blue-theme-icon-bell-o:before {
  content: "\e045";
}

.blue-theme-icon-bell-slash-fill:before {
  content: "\e046";
}

.blue-theme-icon-bell:before {
  content: "\e047";
}

.blue-theme-icon-camera-fill:before {
  content: "\e048";
}

.blue-theme-icon-camera:before {
  content: "\e049";
}

.blue-theme-icon-customer-o:before {
  content: "\e04a";
}

.blue-theme-icon-customer:before {
  content: "\e04b";
}

.blue-theme-icon-demonstration:before {
  content: "\e04c";
}

.blue-theme-icon-enlarge:before {
  content: "\e04d";
}

.blue-theme-icon-exit-fullscreen-o:before {
  content: "\e04e";
}

.blue-theme-icon-fullscreen-o:before {
  content: "\e04f";
}

.blue-theme-icon-keyboard:before {
  content: "\e050";
}

.blue-theme-icon-laser-pen:before {
  content: "\e051";
}

.blue-theme-icon-log-out:before {
  content: "\e052";
}

.blue-theme-icon-micrify:before {
  content: "\e053";
}

.blue-theme-icon-monitor:before {
  content: "\e054";
}

.blue-theme-icon-mosaic:before {
  content: "\e055";
}

.blue-theme-icon-original:before, .blue-theme-icon-originalsize:before {
  content: "\e056";
}

.blue-theme-icon-phone:before {
  content: "\e057";
}

.blue-theme-icon-picture-fill:before {
  content: "\e058";
}

.blue-theme-icon-picture:before {
  content: "\e059";
}

.blue-theme-icon-play-fill:before {
  content: "\e05a";
}

.blue-theme-icon-play:before {
  content: "\e05b";
}

.blue-theme-icon-quote:before {
  content: "\e05c";
}

.blue-theme-icon-rotate:before {
  content: "\e05d";
}

.blue-theme-icon-search:before {
  content: "\e05e";
}

.blue-theme-icon-shape:before {
  content: "\e05f";
}

.blue-theme-icon-tailoring:before {
  content: "\e060";
}

.blue-theme-icon-unbell:before {
  content: "\e061";
}

.blue-theme-icon-video:before, .blue-theme-icon-video1:before {
  content: "\e062";
}

.blue-theme-icon-volume:before {
  content: "\e063";
}

.blue-theme-icon-volume1:before {
  content: "\e064";
}

.blue-theme-icon-volume2:before {
  content: "\e065";
}

.blue-theme-icon-volume3:before {
  content: "\e066";
}

.blue-theme-icon-bank-card-fill:before {
  content: "\e067";
}

.blue-theme-icon-calculator-o:before {
  content: "\e068";
}

.blue-theme-icon-calculator:before {
  content: "\e069";
}

.blue-theme-icon-calendar-o:before {
  content: "\e06a";
}

.blue-theme-icon-calendar:before {
  content: "\e06b";
}

.blue-theme-icon-cart-o:before, .blue-theme-icon-cart:before {
  content: "\e06c";
}

.blue-theme-icon-database-fill:before {
  content: "\e06d";
}

.blue-theme-icon-database-o:before {
  content: "\e06e";
}

.blue-theme-icon-ellipsis:before {
  content: "\e06f";
}

.blue-theme-icon-handle:before {
  content: "\e070";
}

.blue-theme-icon-home-o:before {
  content: "\e071";
}

.blue-theme-icon-home:before {
  content: "\e072";
}

.blue-theme-icon-invoice-fill:before {
  content: "\e073";
}

.blue-theme-icon-invoice:before, .blue-theme-icon-invoice-o:before {
  content: "\e074";
}

.blue-theme-icon-load:before {
  content: "\e075";
}

.blue-theme-icon-menus-o:before {
  content: "\e076";
}

.blue-theme-icon-more-circle-fill:before {
  content: "\e077";
}

.blue-theme-icon-more-circle-o-fill:before {
  content: "\e078";
}

.blue-theme-icon-more-circle:before {
  content: "\e079";
}

.blue-theme-icon-more:before {
  content: "\e07a";
}

.blue-theme-icon-nonetwork:before {
  content: "\e07b";
}

.blue-theme-icon-point:before {
  content: "\e07c";
}

.blue-theme-icon-slider-settings:before {
  content: "\e07d";
}

.blue-theme-icon-square-stack-up-fill:before {
  content: "\e07e";
}

.blue-theme-icon-square-stack-up:before {
  content: "\e07f";
}

.blue-theme-icon-template:before {
  content: "\e080";
}

.blue-theme-icon-theme-o:before {
  content: "\e081";
}

.blue-theme-icon-theme:before {
  content: "\e082";
}

.blue-theme-icon-time-o:before {
  content: "\e083";
}

.blue-theme-icon-time:before {
  content: "\e084";
}

.blue-theme-icon-wifi-o:before {
  content: "\e085";
}

.blue-theme-icon-at:before {
  content: "\e086";
}

.blue-theme-icon-avatar-add-fill:before {
  content: "\e087";
}

.blue-theme-icon-avatar-add:before {
  content: "\e088";
}

.blue-theme-icon-avatar-fill:before {
  content: "\e089";
}

.blue-theme-icon-avatar-group-fill:before {
  content: "\e08a";
}

.blue-theme-icon-avatar-group:before {
  content: "\e08b";
}

.blue-theme-icon-avatar-o:before {
  content: "\e08c";
}

.blue-theme-icon-badge:before {
  content: "\e08d";
}

.blue-theme-icon-bolt:before {
  content: "\e08e";
}

.blue-theme-icon-comment-fill:before {
  content: "\e08f";
}

.blue-theme-icon-comment:before {
  content: "\e090";
}

.blue-theme-icon-contacts-fill:before {
  content: "\e091";
}

.blue-theme-icon-contacts:before {
  content: "\e092";
}

.blue-theme-icon-dislike-fill:before {
  content: "\e093";
}

.blue-theme-icon-education-fill:before {
  content: "\e094";
}

.blue-theme-icon-education:before {
  content: "\e095";
}

.blue-theme-icon-fabulous-fill:before {
  content: "\e096";
}

.blue-theme-icon-flame-fill:before {
  content: "\e097";
}

.blue-theme-icon-flame:before {
  content: "\e098";
}

.blue-theme-icon-forward-o:before, .blue-theme-icon-share-2:before {
  content: "\e099";
}

.blue-theme-icon-id-card-fill:before {
  content: "\e09a";
}

.blue-theme-icon-id-card:before {
  content: "\e09b";
}

.blue-theme-icon-jigsaw-fill:before {
  content: "\e09c";
}

.blue-theme-icon-jigsaw:before {
  content: "\e09d";
}

.blue-theme-icon-like-fill:before {
  content: "\e09e";
}

.blue-theme-icon-dislike:before {
  content: "\e09f";
}

.blue-theme-icon-fabulous:before {
  content: "\e0a0";
}

.blue-theme-icon-like:before {
  content: "\e0a1";
}

.blue-theme-icon-meetingroom-fill:before {
  content: "\e0a2";
}

.blue-theme-icon-meetingroom:before {
  content: "\e0a3";
}

.blue-theme-icon-meh-o:before {
  content: "\e0a4";
}

.blue-theme-icon-meh:before {
  content: "\e0a5";
}

.blue-theme-icon-paperplane-fill:before {
  content: "\e0a6";
}

.blue-theme-icon-paperplane:before {
  content: "\e0a7";
}

.blue-theme-icon-review:before {
  content: "\e0a8";
}

.blue-theme-icon-sad-o:before {
  content: "\e0a9";
}

.blue-theme-icon-sad:before {
  content: "\e0aa";
}

.blue-theme-icon-share-o:before {
  content: "\e0ab";
}

.blue-theme-icon-share:before {
  content: "\e0ac";
}

.blue-theme-icon-smile-o:before {
  content: "\e0ad";
}

.blue-theme-icon-smile:before {
  content: "\e0ae";
}

.blue-theme-icon-star-half:before {
  content: "\e0af";
}

.blue-theme-icon-star-o:before {
  content: "\e0b0";
}

.blue-theme-icon-star:before {
  content: "\e0b1";
}

.blue-theme-icon-telephone-fill:before {
  content: "\e0b2";
}

.blue-theme-icon-telephone:before {
  content: "\e0b3";
}

.blue-theme-icon-trophy-fill:before {
  content: "\e0b4";
}

.blue-theme-icon-trophy:before {
  content: "\e0b5";
}

.blue-theme-icon-visibility-off-o:before {
  content: "\e0b6";
}

.blue-theme-icon-visibility-on-fill:before {
  content: "\e0b7";
}

.blue-theme-icon-visibility-on-o:before {
  content: "\e0b8";
}

.blue-theme-icon-areachart-o:before {
  content: "\e0b9";
}

.blue-theme-icon-areachart:before {
  content: "\e0ba";
}

.blue-theme-icon-bar-chart-fill:before {
  content: "\e0bb";
}

.blue-theme-icon-bar-chart:before {
  content: "\e0bc";
}

.blue-theme-icon-barschart-o:before {
  content: "\e0bd";
}

.blue-theme-icon-barschart:before {
  content: "\e0be";
}

.blue-theme-icon-cloud-fill:before {
  content: "\e0bf";
}

.blue-theme-icon-cloud-o:before {
  content: "\e0c0";
}

.blue-theme-icon-code-off:before {
  content: "\e0c1";
}

.blue-theme-icon-code-on:before {
  content: "\e0c2";
}

.blue-theme-icon-drill-down-fill:before {
  content: "\e0c3";
}

.blue-theme-icon-drill-down-o:before {
  content: "\e0c4";
}

.blue-theme-icon-funnel-chart-fill:before {
  content: "\e0c5";
}

.blue-theme-icon-funnel-chart:before {
  content: "\e0c6";
}

.blue-theme-icon-hierarchy-fill:before {
  content: "\e0c7";
}

.blue-theme-icon-hierarchy-o:before {
  content: "\e0c8";
}

.blue-theme-icon-paste-code-fill:before {
  content: "\e0c9";
}

.blue-theme-icon-paste-code-o:before {
  content: "\e0ca";
}

.blue-theme-icon-piechart-o:before {
  content: "\e0cb";
}

.blue-theme-icon-piechart:before {
  content: "\e0cc";
}

.blue-theme-icon-table-fill:before {
  content: "\e0cd";
}

.blue-theme-icon-table:before {
  content: "\e0ce";
}

.blue-theme-icon-annex:before {
  content: "\e0cf";
}

.blue-theme-icon-briefcase-fill:before, .blue-theme-icon-briefcasefill:before {
  content: "\e0d0";
}

.blue-theme-icon-briefcase:before {
  content: "\e0d1";
}

.blue-theme-icon-file-export-fill:before {
  content: "\e0d2";
}

.blue-theme-icon-file-export:before {
  content: "\e0d3";
}

.blue-theme-icon-file-fill:before {
  content: "\e0d4";
}

.blue-theme-icon-file-import-fill:before {
  content: "\e0d5";
}

.blue-theme-icon-file-import:before {
  content: "\e0d6";
}

.blue-theme-icon-file-send-fill:before {
  content: "\e0d7";
}

.blue-theme-icon-file-send:before {
  content: "\e0d8";
}

.blue-theme-icon-file:before, .blue-theme-icon-file-o:before {
  content: "\e0d9";
}

.blue-theme-icon-folder-fill:before {
  content: "\e0da";
}

.blue-theme-icon-folder:before {
  content: "\e0db";
}

.blue-theme-icon-link-o:before {
  content: "\e0dc";
}

.blue-theme-icon-lookup-fill:before {
  content: "\e0dd";
}

.blue-theme-icon-lookup:before {
  content: "\e0de";
}

.blue-theme-icon-mail-fill:before {
  content: "\e0df";
}

.blue-theme-icon-mail-o:before {
  content: "\e0e0";
}

.blue-theme-icon-qrcode:before {
  content: "\e0e1";
}

.blue-theme-icon-refresh:before {
  content: "\e0e2";
}

.blue-theme-icon-schedule-fill:before {
  content: "\e0e3";
}

.blue-theme-icon-schedule:before {
  content: "\e0e4";
}

.blue-theme-icon-underfined:before, .blue-theme-icon-compress:before {
  content: "\e0e5";
}

.blue-theme-icon-unlink:before {
  content: "\e0e6";
}

.blue-theme-icon-add-square-fill:before, .blue-theme-icon-file-add:before {
  content: "\e0e7";
}

.blue-theme-icon-add-square-o:before, .blue-theme-icon-file-add-o:before {
  content: "\e0e8";
}

.blue-theme-icon-add:before {
  content: "\e0e9";
}

.blue-theme-icon-checkbox-indetermina:before {
  content: "\e0ea";
}

.blue-theme-icon-copy-o:before {
  content: "\e0eb";
}

.blue-theme-icon-copy:before {
  content: "\e0ec";
}

.blue-theme-icon-cycle:before {
  content: "\e0ed";
}

.blue-theme-icon-delete-o:before {
  content: "\e0ee";
}

.blue-theme-icon-delete:before {
  content: "\e0ef";
}

.blue-theme-icon-edit-o:before {
  content: "\e0f0";
}

.blue-theme-icon-edit:before {
  content: "\e0f1";
}

.blue-theme-icon-filter-o:before {
  content: "\e0f2";
}

.blue-theme-icon-filter:before {
  content: "\e0f3";
}

.blue-theme-icon-history:before {
  content: "\e0f4";
}

.blue-theme-icon-import-export-o:before {
  content: "\e0f5";
}

.blue-theme-icon-lock-fill:before {
  content: "\e0f6";
}

.blue-theme-icon-lock-o:before {
  content: "\e0f7";
}

.blue-theme-icon-printing-fill:before {
  content: "\e0f8";
}

.blue-theme-icon-printing:before {
  content: "\e0f9";
}

.blue-theme-icon-redo:before {
  content: "\e0fa";
}

.blue-theme-icon-refresh-o:before {
  content: "\e0fb";
}

.blue-theme-icon-remove:before, .blue-theme-icon-minus:before {
  content: "\e0fc";
}

.blue-theme-icon-save-o:before {
  content: "\e0fd";
}

.blue-theme-icon-save:before {
  content: "\e0fe";
}

.blue-theme-icon-sort:before {
  content: "\e0ff";
}

.blue-theme-icon-undo-o:before {
  content: "\e100";
}

.blue-theme-icon-unlock-fill:before {
  content: "\e101";
}

.blue-theme-icon-unlock:before {
  content: "\e102";
}

.blue-theme-icon-arrow-down:before {
  content: "\e103";
}

.blue-theme-icon-arrow-left:before {
  content: "\e104";
}

.blue-theme-icon-arrow-right:before {
  content: "\e105";
}

.blue-theme-icon-arrow-up:before {
  content: "\e106";
}

.blue-theme-icon-down-thick:before {
  content: "\e107";
}

.blue-theme-icon-down:before {
  content: "\e108";
}

.blue-theme-icon-download-o:before {
  content: "\e109";
}

.blue-theme-icon-export-o:before {
  content: "\e10a";
}

.blue-theme-icon-fast-backward:before {
  content: "\e10b";
}

.blue-theme-icon-fast-forward:before {
  content: "\e10c";
}

.blue-theme-icon-left-thick:before {
  content: "\e10d";
}

.blue-theme-icon-left:before {
  content: "\e10e";
}

.blue-theme-icon-right-thick:before {
  content: "\e10f";
}

.blue-theme-icon-right:before {
  content: "\e110";
}

.blue-theme-icon-top:before {
  content: "\e111";
}

.blue-theme-icon-triangle-down:before {
  content: "\e112";
}

.blue-theme-icon-triangle-left:before {
  content: "\e113";
}

.blue-theme-icon-triangle-right:before {
  content: "\e114";
}

.blue-theme-icon-triangle-up:before {
  content: "\e115";
}

.blue-theme-icon-up-thick:before {
  content: "\e116";
}

.blue-theme-icon-up:before {
  content: "\e117";
}

.blue-theme-icon-add-message-fill:before {
  content: "\e118";
}

.blue-theme-icon-add-message:before {
  content: "\e119";
}

.blue-theme-icon-bank-card:before, .blue-theme-icon-bankcard:before {
  content: "\e11a";
}

.blue-theme-icon-folder-list-fill:before, .blue-theme-icon-folderlistfill:before {
  content: "\e11b";
}

.blue-theme-icon-folder-list:before, .blue-theme-icon-folderlist:before {
  content: "\e11c";
}

.blue-theme-icon-new-folde:before, .blue-theme-icon-newfolde:before {
  content: "\e11d";
}

.blue-theme-icon-review-fill:before, .blue-theme-icon-reviewfill:before {
  content: "\e11e";
}

.blue-theme-icon-sort-up-and-down-o:before, .blue-theme-icon-sortupanddown-o:before {
  content: "\e11f";
}

.blue-theme-icon-video-fill:before, .blue-theme-icon-videofill:before {
  content: "\e120";
}

.blue-theme-icon-volume-fill:before, .blue-theme-icon-volumefill:before {
  content: "\e121";
}

.blue-theme-icon-volume-slash-fill:before, .blue-theme-icon-volumeslashfill:before {
  content: "\e122";
}

.blue-theme-icon-volume-slash:before, .blue-theme-icon-volumeslash:before {
  content: "\e123";
}

.blue-theme-icon-volume1-fill:before, .blue-theme-icon-volume1fill:before {
  content: "\e124";
}

.blue-theme-icon-volume2-fill:before, .blue-theme-icon-volume2fill:before {
  content: "\e125";
}

.blue-theme-icon-volume3-fill:before, .blue-theme-icon-volume3fill:before {
  content: "\e126";
}

.blue-theme-icon-label:before {
  content: "\e127";
}

.blue-theme-icon-bolt-fill:before {
  content: "\e128";
}

.blue-theme-icon-addmini:before {
  content: "\e129";
}

.blue-theme-icon-archery-fill:before {
  content: "\e12a";
}

.blue-theme-icon-avatar-group-o:before {
  content: "\e12b";
}

.blue-theme-icon-bag-fill:before {
  content: "\e12c";
}

.blue-theme-icon-check-bold:before {
  content: "\e12d";
}

.blue-theme-icon-circle-o:before {
  content: "\e12e";
}

.blue-theme-icon-comment-o:before {
  content: "\e12f";
}

.blue-theme-icon-cooking-o:before {
  content: "\e130";
}

.blue-theme-icon-crown-undo-o:before {
  content: "\e131";
}

.blue-theme-icon-expression-add-o:before {
  content: "\e132";
}

.blue-theme-icon-fast-downword:before {
  content: "\e133";
}

.blue-theme-icon-fast-upword:before {
  content: "\e134";
}

.blue-theme-icon-file-warning-fill:before {
  content: "\e135";
}

.blue-theme-icon-filebox-o:before {
  content: "\e136";
}

.blue-theme-icon-find-o:before {
  content: "\e137";
}

.blue-theme-icon-focus-o:before {
  content: "\e138";
}

.blue-theme-icon-html-o:before {
  content: "\e139";
}

.blue-theme-icon-jumpout-o:before {
  content: "\e13a";
}

.blue-theme-icon-lab-o:before {
  content: "\e13b";
}

.blue-theme-icon-flowchart-o:before {
  content: "\e13c";
}

.blue-theme-icon-focus-fill:before {
  content: "\e13d";
}

.blue-theme-icon-focus-add-o:before {
  content: "\e13e";
}

.blue-theme-icon-link2:before {
  content: "\e13f";
}

.blue-theme-icon-lock-log-o:before {
  content: "\e140";
}

.blue-theme-icon-mark-o:before {
  content: "\e141";
}

.blue-theme-icon-market-fill:before {
  content: "\e142";
}

.blue-theme-icon-market-o:before {
  content: "\e143";
}

.blue-theme-icon-menu-point:before {
  content: "\e144";
}

.blue-theme-icon-money-circle-fill:before {
  content: "\e145";
}

.blue-theme-icon-notebook-check-fill:before {
  content: "\e146";
}

.blue-theme-icon-mute-o:before {
  content: "\e147";
}

.blue-theme-icon-mindmap-o:before {
  content: "\e148";
}

.blue-theme-icon-notebook-o:before {
  content: "\e149";
}

.blue-theme-icon-notebook-time-o:before {
  content: "\e14a";
}

.blue-theme-icon-order-warning-fill:before {
  content: "\e14b";
}

.blue-theme-icon-read:before {
  content: "\e14c";
}

.blue-theme-icon-renewal:before {
  content: "\e14d";
}

.blue-theme-icon-share-arrow-fill:before {
  content: "\e14e";
}

.blue-theme-icon-shuffl-playback:before {
  content: "\e14f";
}

.blue-theme-icon-page-fill:before {
  content: "\e150";
}

.blue-theme-icon-page-o:before {
  content: "\e151";
}

.blue-theme-icon-state-o:before {
  content: "\e152";
}

.blue-theme-icon-subscript:before {
  content: "\e153";
}

.blue-theme-icon-superscript:before {
  content: "\e154";
}

.blue-theme-icon-telephone-down-fill:before {
  content: "\e155";
}

.blue-theme-icon-textformat:before {
  content: "\e156";
}

.blue-theme-icon-time-countdown-o:before {
  content: "\e157";
}

.blue-theme-icon-unlink2:before {
  content: "\e158";
}

.blue-theme-icon-upload-cloud-fill:before {
  content: "\e159";
}

.blue-theme-icon-upload-cloud-o:before {
  content: "\e15a";
}

.blue-theme-icon-vpn-o:before {
  content: "\e15b";
}

.blue-theme-icon-wifi-fill:before {
  content: "\e15c";
}

.blue-theme-icon-word-o:before {
  content: "\e15d";
}

.blue-theme-icon-vertical-center:before {
  content: "\e15e";
}

.blue-theme-icon-vertical-down:before {
  content: "\e15f";
}

.blue-theme-icon-vertical-up:before {
  content: "\e160";
}

.blue-theme-icon-wifi-slash-fill:before {
  content: "\e161";
}

.blue-theme-icon-instructions-fill:before {
  content: "\e162";
}

.blue-theme-icon-removemini:before {
  content: "\e163";
}

.blue-theme-icon-line:before {
  content: "\e164";
}

.blue-theme-icon-file-move:before {
  content: "\e165";
}

.blue-theme-icon-expand-panel:before {
  content: "\e166";
}

.blue-theme-icon-checkbox-part-o:before, .blue-theme-icon-checkbox-indetermina-o:before {
  content: "\e167";
}

.blue-theme-icon-dialogue-o:before {
  content: "\e168";
}

.blue-theme-icon-monitor-video-fill:before {
  content: "\e169";
}

.blue-theme-icon-delete-column:before, .blue-theme-icon-delete-selectedcolumn:before {
  content: "\e16a";
}

.blue-theme-icon-lattice:before {
  content: "\e16b";
}

.blue-theme-icon-telephonevolume-fill:before {
  content: "\e16c";
}

.blue-theme-icon-comment-q-fill:before {
  content: "\e16d";
}

.blue-theme-icon-alipay:before {
  content: "\e16e";
}

.blue-theme-icon-amazon:before {
  content: "\e16f";
}

.blue-theme-icon-android:before {
  content: "\e170";
}

.blue-theme-icon-apple:before {
  content: "\e171";
}

.blue-theme-icon-chrome:before {
  content: "\e172";
}

.blue-theme-icon-dropbox:before {
  content: "\e173";
}

.blue-theme-icon-github:before {
  content: "\e174";
}

.blue-theme-icon-google:before {
  content: "\e175";
}

.blue-theme-icon-qq:before {
  content: "\e176";
}

.blue-theme-icon-slack:before {
  content: "\e177";
}

.blue-theme-icon-twitter:before {
  content: "\e178";
}

.blue-theme-icon-wechat:before {
  content: "\e179";
}

.blue-theme-icon-wechatpay:before {
  content: "\e17a";
}

.blue-theme-icon-weibo:before {
  content: "\e17b";
}

.blue-theme-icon-html5:before, .blue-theme-icon-html:before {
  content: "\e17c";
}

.blue-theme-icon-ie:before {
  content: "\e17d";
}

.blue-theme-icon-cart-fill:before {
  content: "\e17e";
}

.blue-theme-icon-topic:before {
  content: "\e17f";
}

.blue-theme-icon-check-switch:before {
  content: "\e180";
}

.blue-theme-icon-close-switch:before {
  content: "\e181";
}

.blue-theme-icon-star-o-rate:before {
  content: "\e182";
}

.blue-theme-icon-star-half-rate:before {
  content: "\e183";
}

.blue-theme-icon-star-rate:before {
  content: "\e184";
}

.blue-theme-icon-slash:before {
  content: "\e185";
}

.blue-theme-icon-setting-fill:before {
  content: "\e186";
}

.blue-theme-icon-setting:before {
  content: "\e187";
}

.blue-theme-icon-calendar-y:before {
  content: "\e188";
}

.blue-theme-icon-cart-y:before {
  content: "\e189";
}

.blue-theme-icon-home-y:before {
  content: "\e18a";
}

.blue-theme-icon-time-y:before {
  content: "\e18b";
}

/* .blue-theme-icon-icon-test {
  @extend .blue-theme-icon-topic;
} */
@keyframes rotating {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(360deg);
  }
}
.blue-theme-icon-loading {
  display: inline-block;
}
.blue-theme-icon-loading::before {
  display: none;
}
.blue-theme-icon-loading::after {
  animation: rotating linear 1s infinite;
  content: " ";
  display: block;
  width: 1em;
  height: 1em;
  border: 2px solid transparent;
  border-top-color: currentColor;
  border-right-color: currentColor;
  border-bottom-color: currentColor;
  border-radius: 50%;
}

.blue-theme-icon {
  display: inline-block;
}

[class^=blue-theme-icon-],
[class*=" blue-theme-icon-"] {
  font-family: "mtdicon" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  font-size: 1em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
/**
* 基础变量
* 参见: https://km.sankuai.com/page/147289627
**/
/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
@keyframes mtd-btn-rotate {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(360deg);
  }
}
.blue-theme-btn {
  box-sizing: border-box;
  white-space: nowrap;
  -webkit-appearance: none;
  cursor: pointer;
  outline: none;
  text-align: center;
  font-weight: 500;
  user-select: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  vertical-align: top;
  position: relative;
  transition: all 0.3s;
  color: rgba(0, 0, 0, 0.9);
  background: #fff;
  border: 1px solid #e0e0e0;
  min-width: 32px;
  height: 32px;
  padding: 0 12px;
  font-size: 14px;
  border-radius: 6px;
}
.blue-theme-btn:hover, .blue-theme-btn.hover {
  color: rgba(0, 0, 0, 0.9);
  border-color: #e0e0e0;
  background-color: rgba(0, 0, 0, 0.04);
  text-decoration: none;
}
.blue-theme-btn:active, .blue-theme-btn.active {
  color: rgba(0, 0, 0, 0.9);
  border-color: #e0e0e0;
  background-color: rgba(0, 0, 0, 0.12);
}
.blue-theme-btn.blue-theme-btn-disabled {
  color: rgba(0, 0, 0, 0.25);
  border-color: #e0e0e0;
  background: rgba(0, 0, 0, 0.04);
  opacity: 1;
  cursor: not-allowed;
}
.blue-theme-btn.blue-theme-btn-disabled .blue-theme-btn-before {
  color: currentColor;
}
.blue-theme-btn-loading {
  pointer-events: none;
}
.blue-theme-btn-before {
  display: inline-flex;
  vertical-align: top;
  align-items: center;
  height: 100%;
}
.blue-theme-btn-before .blue-theme-badge {
  line-height: 1;
}
.blue-theme-btn-spin {
  width: 1em;
  height: 1em;
  border: 1px solid transparent;
  border-top-color: currentColor;
  border-right-color: currentColor;
  border-radius: 50%;
  animation: mtd-btn-rotate linear 1s infinite;
}
.blue-theme-btn .blue-theme-btn-before {
  margin-right: 4px;
  font-size: 16px;
  width: 1em;
}
.blue-theme-btn.blue-theme-btn-text-primary {
  height: 22px;
}
.blue-theme-btn-small {
  min-width: 24px;
  height: 24px;
  padding: 0 8px;
  font-size: 12px;
  border-radius: 4px;
}
.blue-theme-btn-small .blue-theme-btn-before {
  margin-right: 4px;
  font-size: 14px;
  width: 1em;
}
.blue-theme-btn-small.blue-theme-btn-text-primary {
  height: 20px;
}
.blue-theme-btn-large {
  min-width: 40px;
  height: 40px;
  padding: 0 20px;
  font-size: 14px;
  border-radius: 6px;
}
.blue-theme-btn-large .blue-theme-btn-before {
  margin-right: 4px;
  font-size: 16px;
  width: 1em;
}
.blue-theme-btn-large.blue-theme-btn-text-primary {
  height: 22px;
}
.blue-theme-btn-primary {
  color: #fff;
  background: #0A70F5;
  border-color: #0A70F5;
  /* &.blue-theme-btn-loading {
    color: $color;
    background: $activeBgc;
    border-color: $activeBorderColor;
  } */
}
.blue-theme-btn-primary:hover, .blue-theme-btn-primary.hover, .blue-theme-btn-primary:focus {
  color: #fff;
  background: #2A8EFE;
  border-color: #2A8EFE;
}
.blue-theme-btn-primary:active, .blue-theme-btn-primary.active {
  color: #fff;
  background: #005ADE;
  border-color: #005ADE;
}
.blue-theme-btn-primary .blue-theme-btn-before {
  color: currentColor;
}
.blue-theme-btn-primary.blue-theme-btn-disabled {
  color: rgba(0, 0, 0, 0.25);
  background: rgba(0, 0, 0, 0.04);
  border-color: #e0e0e0;
  opacity: 1;
}
.blue-theme-btn-primary.blue-theme-btn-ghost {
  background: transparent;
  color: #0A70F5;
  border-color: #0A70F5;
  /* &.blue-theme-btn-loading {
    color: $activeBorderColor;
    background: transparent;
    border-color: $activeBorderColor;
  } */
}
.blue-theme-btn-primary.blue-theme-btn-ghost:hover, .blue-theme-btn-primary.blue-theme-btn-ghost:focus {
  background: rgba(10, 112, 245, 0.12);
  color: #0A70F5;
  border-color: #0A70F5;
}
.blue-theme-btn-primary.blue-theme-btn-ghost:active {
  background: rgba(10, 112, 245, 0.24);
  color: #0A70F5;
  border-color: #0A70F5;
}
.blue-theme-btn-primary.blue-theme-btn-ghost.blue-theme-btn-disabled {
  color: rgba(0, 0, 0, 0.25);
  background: rgba(0, 0, 0, 0.04);
  border-color: #e0e0e0;
}
.blue-theme-btn-primary.blue-theme-btn-disabled {
  border: none;
  border-width: 0;
}
.blue-theme-btn-success {
  color: #fff;
  background: #00ba73;
  border-color: #00ba73;
  /* &.blue-theme-btn-loading {
    color: $color;
    background: $activeBgc;
    border-color: $activeBorderColor;
  } */
}
.blue-theme-btn-success:hover, .blue-theme-btn-success.hover, .blue-theme-btn-success:focus {
  color: #fff;
  background: #3dd999;
  border-color: #3dd999;
}
.blue-theme-btn-success:active, .blue-theme-btn-success.active {
  color: #fff;
  background: #009155;
  border-color: #009155;
}
.blue-theme-btn-success .blue-theme-btn-before {
  color: currentColor;
}
.blue-theme-btn-success.blue-theme-btn-disabled {
  color: rgba(0, 0, 0, 0.25);
  background: rgba(0, 0, 0, 0.04);
  border-color: #e0e0e0;
  opacity: 1;
}
.blue-theme-btn-success.blue-theme-btn-ghost {
  background: transparent;
  color: #00ba73;
  border-color: #00ba73;
  /* &.blue-theme-btn-loading {
    color: $activeBorderColor;
    background: transparent;
    border-color: $activeBorderColor;
  } */
}
.blue-theme-btn-success.blue-theme-btn-ghost:hover, .blue-theme-btn-success.blue-theme-btn-ghost:focus {
  background: rgba(0, 186, 115, 0.12);
  color: #00ba73;
  border-color: #00ba73;
}
.blue-theme-btn-success.blue-theme-btn-ghost:active {
  background: rgba(0, 186, 115, 0.24);
  color: #00ba73;
  border-color: #00ba73;
}
.blue-theme-btn-success.blue-theme-btn-ghost.blue-theme-btn-disabled {
  color: rgba(0, 0, 0, 0.25);
  background: rgba(0, 0, 0, 0.04);
  border-color: #e0e0e0;
}
.blue-theme-btn-success.blue-theme-btn-disabled {
  border: none;
  border-width: 0;
}
.blue-theme-btn-warning {
  color: #fff;
  background: #ff9d00;
  border-color: #ff9d00;
  /* &.blue-theme-btn-loading {
    color: $color;
    background: $activeBgc;
    border-color: $activeBorderColor;
  } */
}
.blue-theme-btn-warning:hover, .blue-theme-btn-warning.hover, .blue-theme-btn-warning:focus {
  color: #fff;
  background: #ffc152;
  border-color: #ffc152;
}
.blue-theme-btn-warning:active, .blue-theme-btn-warning.active {
  color: #fff;
  background: #c76a00;
  border-color: #c76a00;
}
.blue-theme-btn-warning .blue-theme-btn-before {
  color: currentColor;
}
.blue-theme-btn-warning.blue-theme-btn-disabled {
  color: rgba(0, 0, 0, 0.25);
  background: rgba(0, 0, 0, 0.04);
  border-color: #e0e0e0;
  opacity: 1;
}
.blue-theme-btn-warning.blue-theme-btn-ghost {
  background: transparent;
  color: #ff9d00;
  border-color: #ff9d00;
  /* &.blue-theme-btn-loading {
    color: $activeBorderColor;
    background: transparent;
    border-color: $activeBorderColor;
  } */
}
.blue-theme-btn-warning.blue-theme-btn-ghost:hover, .blue-theme-btn-warning.blue-theme-btn-ghost:focus {
  background: rgba(255, 157, 0, 0.12);
  color: #ff9d00;
  border-color: #ff9d00;
}
.blue-theme-btn-warning.blue-theme-btn-ghost:active {
  background: rgba(255, 157, 0, 0.24);
  color: #ff9d00;
  border-color: #ff9d00;
}
.blue-theme-btn-warning.blue-theme-btn-ghost.blue-theme-btn-disabled {
  color: rgba(0, 0, 0, 0.25);
  background: rgba(0, 0, 0, 0.04);
  border-color: #e0e0e0;
}
.blue-theme-btn-warning.blue-theme-btn-disabled {
  border: none;
  border-width: 0;
}
.blue-theme-btn-danger {
  color: #fff;
  background: #f5483b;
  border-color: #f5483b;
  /* &.blue-theme-btn-loading {
    color: $color;
    background: $activeBgc;
    border-color: $activeBorderColor;
  } */
}
.blue-theme-btn-danger:hover, .blue-theme-btn-danger.hover, .blue-theme-btn-danger:focus {
  color: #fff;
  background: #ff7d7a;
  border-color: #ff7d7a;
}
.blue-theme-btn-danger:active, .blue-theme-btn-danger.active {
  color: #fff;
  background: #d41e21;
  border-color: #d41e21;
}
.blue-theme-btn-danger .blue-theme-btn-before {
  color: currentColor;
}
.blue-theme-btn-danger.blue-theme-btn-disabled {
  color: rgba(0, 0, 0, 0.25);
  background: rgba(0, 0, 0, 0.04);
  border-color: #e0e0e0;
  opacity: 1;
}
.blue-theme-btn-danger.blue-theme-btn-ghost {
  background: transparent;
  color: #f5483b;
  border-color: #f5483b;
  /* &.blue-theme-btn-loading {
    color: $activeBorderColor;
    background: transparent;
    border-color: $activeBorderColor;
  } */
}
.blue-theme-btn-danger.blue-theme-btn-ghost:hover, .blue-theme-btn-danger.blue-theme-btn-ghost:focus {
  background: rgba(245, 72, 59, 0.12);
  color: #f5483b;
  border-color: #f5483b;
}
.blue-theme-btn-danger.blue-theme-btn-ghost:active {
  background: rgba(245, 72, 59, 0.24);
  color: #f5483b;
  border-color: #f5483b;
}
.blue-theme-btn-danger.blue-theme-btn-ghost.blue-theme-btn-disabled {
  color: rgba(0, 0, 0, 0.25);
  background: rgba(0, 0, 0, 0.04);
  border-color: #e0e0e0;
}
.blue-theme-btn-danger.blue-theme-btn-disabled {
  border: none;
  border-width: 0;
}
.blue-theme-btn-text {
  color: rgba(0, 0, 0, 0.9);
  border-color: transparent !important;
  background-color: transparent;
}
.blue-theme-btn-text:hover, .blue-theme-btn-text.hover, .blue-theme-btn-text:focus, .blue-theme-btn-text:active, .blue-theme-btn-text.active {
  border-color: transparent;
}
.blue-theme-btn-text:hover, .blue-theme-btn-text.hover, .blue-theme-btn-text:focus {
  color: rgba(0, 0, 0, 0.9);
  background-color: rgba(0, 0, 0, 0.06);
}
.blue-theme-btn-text:active, .blue-theme-btn-text.active {
  color: rgba(0, 0, 0, 0.9);
  background-color: rgba(0, 0, 0, 0.12);
}
.blue-theme-btn-text.blue-theme-btn-loading {
  color: rgba(0, 0, 0, 0.9);
}
.blue-theme-btn-text.blue-theme-btn-disabled {
  color: rgba(0, 0, 0, 0.25);
  background-color: transparent;
  opacity: 1;
}
.blue-theme-btn-text .blue-theme-btn-before {
  color: rgba(0, 0, 0, 0.9);
}
.blue-theme-btn-text-primary {
  padding: 0;
  color: #0A70F5;
  border-color: transparent !important;
  background-color: transparent;
}
.blue-theme-btn-text-primary:hover, .blue-theme-btn-text-primary.hover, .blue-theme-btn-text-primary:focus, .blue-theme-btn-text-primary:active, .blue-theme-btn-text-primary.active {
  border-color: transparent;
}
.blue-theme-btn-text-primary:hover, .blue-theme-btn-text-primary.hover, .blue-theme-btn-text-primary:focus {
  color: #2A8EFE;
  background-color: transparent;
}
.blue-theme-btn-text-primary:active, .blue-theme-btn-text-primary.active {
  color: #005ADE;
  background-color: transparent;
}
.blue-theme-btn-text-primary.blue-theme-btn-loading {
  color: #005ADE;
}
.blue-theme-btn-text-primary.blue-theme-btn-disabled {
  color: rgba(0, 0, 0, 0.25);
  background-color: transparent;
  opacity: 1;
}
.blue-theme-btn-text-primary .blue-theme-btn-before {
  color: #0A70F5;
}
.blue-theme-btn-panel {
  background-color: rgba(0, 0, 0, 0.06);
  border: none;
  border-width: 0;
}
.blue-theme-btn-panel:hover {
  background-color: rgba(0, 0, 0, 0.04);
}
.blue-theme-btn-panel:active {
  background-color: #e0e0e0;
}
.blue-theme-btn-dashed {
  border-style: dashed;
}
.blue-theme-btn-circle {
  border-radius: 50%;
}
.blue-theme-btn-only-icon {
  padding: 0;
}
.blue-theme-btn.blue-theme-btn-loading .blue-theme-btn-before {
  padding: 1px;
  font-size: 14px;
  width: 16px;
}
.blue-theme-btn.blue-theme-btn-loading.blue-theme-btn-small .blue-theme-btn-before {
  padding: 1px;
  font-size: 12px;
  width: 12px;
}
.blue-theme-btn.blue-theme-btn-loading.blue-theme-btn-large .blue-theme-btn-before {
  padding: 1px;
  font-size: 14px;
  width: 16px;
}

.blue-theme-input-search-button {
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
}
.blue-theme-input-search-enter-button .blue-theme-input-search-input-wrapper,
.blue-theme-input-search-enter-button .blue-theme-input-search-input {
  border-right: none;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
}

/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
/**
* 基础变量
* 参见: https://km.sankuai.com/page/147289627
**/
/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
@keyframes rotating {
  from {
    transform: rotate(0);
  }
  to {
    transform: rotate(360deg);
  }
}
.blue-theme-switch {
  position: relative;
  vertical-align: middle;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  background: rgba(0, 0, 0, 0.12);
  border-radius: 2000px;
  cursor: pointer;
  user-select: none;
  transition: opacity 0.3s, background-color 0.3s;
  font-weight: 500;
  line-height: 24px;
  min-width: 44px;
  height: 24px;
}
.blue-theme-switch .blue-theme-loading-circle {
  color: rgba(0, 0, 0, 0.12);
}
.blue-theme-switch:hover {
  background: #c0c5cc;
}
.blue-theme-switch:active {
  background: rgba(0, 0, 0, 0.12);
}
.blue-theme-switch:active .blue-theme-switch-btn {
  width: 24px;
}
.blue-theme-switch-input {
  display: none;
}
.blue-theme-switch-btn {
  display: inline-flex;
  box-sizing: border-box;
  font-size: 16px;
  align-items: center;
  justify-content: center;
  background-color: #fff;
  border: 0px solid transparent;
  border-radius: 2000px;
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  transition: all 0.2s ease-in-out;
  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.08);
}
.blue-theme-switch-active {
  background: #0A70F5;
  color: #fff;
}
.blue-theme-switch-active .blue-theme-loading-circle {
  color: #0A70F5;
}
.blue-theme-switch-active:hover {
  background: #0049bf;
}
.blue-theme-switch-active:active {
  background: #005ADE;
}
.blue-theme-switch-inner {
  display: inline-flex;
  align-items: center;
}
.blue-theme-switch-loading {
  opacity: 1;
  cursor: not-allowed;
}
.blue-theme-switch-disabled {
  opacity: 1;
  cursor: not-allowed;
  pointer-events: none;
  background-color: #F4F5F7;
}
.blue-theme-switch-disabled .blue-theme-loading-circle {
  color: rgba(0, 0, 0, 0.12);
}
.blue-theme-switch-disabled.blue-theme-switch-active {
  background-color: #CBE1FE;
}
.blue-theme-switch-disabled.blue-theme-switch-active .blue-theme-loading-circle {
  color: #CBE1FE;
}
.blue-theme-switch .blue-theme-switch-inner {
  margin-left: calc(20px + 2 * 2px);
  margin-right: 8px;
}
.blue-theme-switch .blue-theme-switch-btn {
  width: 20px;
  height: 20px;
  margin: 2px;
}
.blue-theme-switch.blue-theme-switch-active .blue-theme-switch-btn {
  left: 100%;
  transform: translateX(-100%);
  margin-left: calc(-2px);
}
.blue-theme-switch.blue-theme-switch-active .blue-theme-switch-inner {
  margin-left: 8px;
  margin-right: calc(20px + 2 * 2px);
}
.blue-theme-switch-small {
  line-height: 20px;
  min-width: 36px;
  height: 20px;
}
.blue-theme-switch-small .blue-theme-switch-inner {
  margin-left: calc(16px + 2 * 2px);
  margin-right: 8px;
}
.blue-theme-switch-small .blue-theme-switch-btn {
  width: 16px;
  height: 16px;
  margin: 2px;
}
.blue-theme-switch-small.blue-theme-switch-active .blue-theme-switch-btn {
  left: 100%;
  transform: translateX(-100%);
  margin-left: calc(-2px);
}
.blue-theme-switch-small.blue-theme-switch-active .blue-theme-switch-inner {
  margin-left: 8px;
  margin-right: calc(16px + 2 * 2px);
}
.blue-theme-switch-small:active .blue-theme-switch-btn {
  width: 19px;
}

/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
/**
* 基础变量
* 参见: https://km.sankuai.com/page/147289627
**/
/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
/**
* 基础变量
* 参见: https://km.sankuai.com/page/147289627
**/
/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
.blue-theme-breadcrumb-item .blue-theme-breadcrumb-item-disabled,
.blue-theme-breadcrumb-item .blue-theme-breadcrumb-item-disabled:hover {
  color: rgba(0, 0, 0, 0.25);
  cursor: not-allowed;
  text-decoration: none;
}

.blue-theme-breadcrumb {
  display: inline-flex;
  color: rgba(0, 0, 0, 0.5);
  font-size: 14px;
  line-height: 22px;
}
.blue-theme-breadcrumb-separator {
  color: rgba(0, 0, 0, 0.25);
  display: inline-flex;
  justify-content: center;
  align-items: center;
}
.blue-theme-breadcrumb::before,
.blue-theme-breadcrumb::after {
  display: table;
  content: "";
}

.blue-theme-breadcrumb::after {
  clear: both;
}

.blue-theme-breadcrumb-item {
  float: left;
  display: inline-flex;
  align-items: center;
}
.blue-theme-breadcrumb-inner {
  display: inline-flex;
  align-items: center;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 200px;
}
.blue-theme-breadcrumb-inner, .blue-theme-breadcrumb-inner > a {
  text-decoration: none;
  cursor: pointer;
  color: rgba(0, 0, 0, 0.5);
}
.blue-theme-breadcrumb-inner:hover, .blue-theme-breadcrumb-inner.hover, .blue-theme-breadcrumb-inner > a:hover, .blue-theme-breadcrumb-inner > a.hover {
  color: rgba(0, 0, 0, 0.9);
  text-decoration: underline;
}
.blue-theme-breadcrumb-inner:active, .blue-theme-breadcrumb-inner.active, .blue-theme-breadcrumb-inner > a:active, .blue-theme-breadcrumb-inner > a.active {
  color: rgba(0, 0, 0, 0.9);
}

.blue-theme-breadcrumb-item:last-child .blue-theme-breadcrumb-inner {
  max-width: 400px;
}
.blue-theme-breadcrumb-item:last-child .blue-theme-breadcrumb-inner,
.blue-theme-breadcrumb-item:last-child .blue-theme-breadcrumb-inner > a {
  cursor: text;
}
.blue-theme-breadcrumb-item:last-child .blue-theme-breadcrumb-inner:hover, .blue-theme-breadcrumb-item:last-child .blue-theme-breadcrumb-inner.hover,
.blue-theme-breadcrumb-item:last-child .blue-theme-breadcrumb-inner > a:hover,
.blue-theme-breadcrumb-item:last-child .blue-theme-breadcrumb-inner > a.hover {
  color: rgba(0, 0, 0, 0.9);
}
.blue-theme-breadcrumb-item:last-child .blue-theme-breadcrumb-separator {
  display: none;
}

.blue-theme-breadcrumb-cur-none .blue-theme-breadcrumb-item:last-child .blue-theme-breadcrumb-inner {
  color: rgba(0, 0, 0, 0.5);
}
.blue-theme-breadcrumb-cur-normal .blue-theme-breadcrumb-item:last-child .blue-theme-breadcrumb-inner {
  color: rgba(0, 0, 0, 0.9);
}
.blue-theme-breadcrumb-cur-bold .blue-theme-breadcrumb-item:last-child .blue-theme-breadcrumb-inner {
  color: rgba(0, 0, 0, 0.9);
  font-weight: 500;
}
.blue-theme-breadcrumb .blue-theme-breadcrumb-separator {
  margin: 0 8px;
  font-size: 14px;
}
.blue-theme-breadcrumb .blue-theme-breadcrumb-inner {
  font-size: 14px;
}
.blue-theme-breadcrumb-small {
  font-size: 12px;
  line-height: 20px;
}
.blue-theme-breadcrumb-small .blue-theme-breadcrumb-separator {
  margin: 0 6px;
  font-size: 12px;
}
.blue-theme-breadcrumb-small .blue-theme-breadcrumb-inner {
  font-size: 12px;
}
.blue-theme-breadcrumb-large {
  font-size: 16px;
  line-height: 24px;
}
.blue-theme-breadcrumb-large .blue-theme-breadcrumb-separator {
  margin: 0 6px;
  font-size: 16px;
}
.blue-theme-breadcrumb-large .blue-theme-breadcrumb-inner {
  font-size: 16px;
} /*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
/**
* 基础变量
* 参见: https://km.sankuai.com/page/147289627
**/
/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
.blue-theme-breadcrumb-item .blue-theme-breadcrumb-item-disabled,
.blue-theme-breadcrumb-item .blue-theme-breadcrumb-item-disabled:hover {
  color: rgba(0, 0, 0, 0.25);
  cursor: not-allowed;
  text-decoration: none;
}

/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
/**
* 基础变量
* 参见: https://km.sankuai.com/page/147289627
**/
/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
.blue-theme-breadcrumb-item-group {
  display: flex;
}

/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
/**
* 基础变量
* 参见: https://km.sankuai.com/page/147289627
**/
.blue-theme-badge {
  position: relative;
  display: inline-block;
  font-family: Helvetica;
}
.blue-theme-badge-text {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  height: 20px;
  line-height: 18px;
  color: #fff;
  background-color: #f5483b;
  border-radius: 2000px;
  font-size: 12px;
  font-weight: 400;
  padding: 0 6px;
  white-space: nowrap;
  border: 1px solid #fff;
}
.blue-theme-badge-position {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 100%;
  transform: translate(-6px, -50%);
}
.blue-theme-badge-position.blue-theme-badge-dot {
  transform: translate(0, -50%);
}
.blue-theme-badge-dot {
  height: 10px;
  width: 10px;
  padding: 0;
  border-radius: 50%;
}
.blue-theme-badge-rounded {
  width: 20px;
  padding: 0;
  text-align: center;
}
.blue-theme-badge-hidden {
  display: none;
}
.blue-theme-badge-success {
  background-color: #00ba73;
}
.blue-theme-badge-warning {
  background-color: #ffd100;
}
.blue-theme-badge-process {
  background-color: #0A70F5;
}
.blue-theme-badge-error {
  background-color: #f5483b;
}
.blue-theme-badge-disabled {
  background-color: rgba(0, 0, 0, 0.25);
}

/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
/**
* 基础变量
* 参见: https://km.sankuai.com/page/147289627
**/
/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
.blue-theme-popover {
  text-align: left;
  color: rgba(0, 0, 0, 0.9);
  padding: 12px 12px;
  font-size: 14px;
  line-height: 20px;
}
.blue-theme-popover > .blue-theme-popper-arrow {
  color: #ebeef5;
}
.blue-theme-popover-icon {
  font-size: 20px;
  flex: 0 0 auto;
  min-width: 0;
  margin-right: 4px;
  display: inline-flex;
  align-items: center;
  color: #0A70F5;
}
.blue-theme-popover-small {
  padding: 12px 12px;
  font-size: 12px;
  line-height: 16px;
}
.blue-theme-popover-small .blue-theme-popover-icon {
  font-size: 16px;
}
.blue-theme-popover-title {
  color: rgba(0, 0, 0, 0.9);
  font-weight: 500;
  font-size: 16px;
  margin-bottom: 4px;
}
.blue-theme-popover-small .blue-theme-popover-title {
  font-size: 14px;
  margin-bottom: 4px;
}

/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
/**
* 基础变量
* 参见: https://km.sankuai.com/page/147289627
**/
/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
.blue-theme-teleport-hidden {
  visibility: hidden;
  display: none;
}

/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
/**
* 基础变量
* 参见: https://km.sankuai.com/page/147289627
**/
/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
.blue-theme-tooltip {
  color: #fff;
  border: 0px solid #212121;
  background-color: #212121;
  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.08);
  border-color: #212121;
  line-height: 22px;
  padding: 4px 8px;
  font-size: 14px;
  max-width: 300px;
  border-radius: 6px;
  font-weight: 400;
  word-wrap: break-word;
}
.blue-theme-tooltip .blue-theme-popper-arrow {
  color: #212121;
}
.blue-theme-tooltip .blue-theme-popper-arrow:after {
  color: #212121;
}
.blue-theme-tooltip-small {
  padding: 4px 8px;
  font-size: 12px;
  line-height: 20px;
}
.blue-theme-tooltip-light {
  color: rgba(0, 0, 0, 0.7);
  border: 0px solid #fff;
  background-color: #fff;
  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.08);
  border-color: #fff;
}
.blue-theme-tooltip-light .blue-theme-popper-arrow {
  color: #fff;
}
.blue-theme-tooltip-light .blue-theme-popper-arrow:after {
  color: #fff;
}
.blue-theme-tooltip-yellow {
  color: rgba(0, 0, 0, 0.7);
  border: 0px solid #ffd100;
  background-color: #ffd100;
  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.08);
  border-color: #ffd100;
}
.blue-theme-tooltip-yellow .blue-theme-popper-arrow {
  color: #ffd100;
}
.blue-theme-tooltip-yellow .blue-theme-popper-arrow:after {
  color: #ffd100;
}
.blue-theme-tooltip-red {
  color: #fff;
  border: 0px solid #ff4a47;
  background-color: #ff4a47;
  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.08);
  border-color: #ff4a47;
}
.blue-theme-tooltip-red .blue-theme-popper-arrow {
  color: #ff4a47;
}
.blue-theme-tooltip-red .blue-theme-popper-arrow:after {
  color: #ff4a47;
}
.blue-theme-tooltip-green {
  color: #fff;
  border: 0px solid #00ba73;
  background-color: #00ba73;
  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.08);
  border-color: #00ba73;
}
.blue-theme-tooltip-green .blue-theme-popper-arrow {
  color: #00ba73;
}
.blue-theme-tooltip-green .blue-theme-popper-arrow:after {
  color: #00ba73;
}
.blue-theme-tooltip-brown {
  color: #fff;
  border: 0px solid #c76a00;
  background-color: #c76a00;
  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.08);
  border-color: #c76a00;
}
.blue-theme-tooltip-brown .blue-theme-popper-arrow {
  color: #c76a00;
}
.blue-theme-tooltip-brown .blue-theme-popper-arrow:after {
  color: #c76a00;
}
.blue-theme-tooltip-blue {
  color: #fff;
  border: 0px solid #0A70F5;
  background-color: #0A70F5;
  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.08);
  border-color: #0A70F5;
}
.blue-theme-tooltip-blue .blue-theme-popper-arrow {
  color: #0A70F5;
}
.blue-theme-tooltip-blue .blue-theme-popper-arrow:after {
  color: #0A70F5;
}
.blue-theme-tooltip-purple {
  color: #fff;
  border: 0px solid #7D1AFF;
  background-color: #7D1AFF;
  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.08);
  border-color: #7D1AFF;
}
.blue-theme-tooltip-purple .blue-theme-popper-arrow {
  color: #7D1AFF;
}
.blue-theme-tooltip-purple .blue-theme-popper-arrow:after {
  color: #7D1AFF;
}

/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
/**
* 基础变量
* 参见: https://km.sankuai.com/page/147289627
**/
/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
.blue-theme-radio-group {
  font-size: 0;
  display: inline-flex;
  min-width: 0;
  flex-wrap: wrap;
  align-items: center;
  vertical-align: middle;
}
.blue-theme-radio-group-slider {
  background-color: rgba(0, 0, 0, 0.06);
  border-radius: 6px;
  padding: 2px;
  position: relative;
  z-index: 0;
}
.blue-theme-radio-group-slider-item {
  position: absolute;
  z-index: 1;
  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.08);
  background-color: white;
  border-radius: 4px;
  z-index: 1;
  transition: all 0.3s ease-in-out;
  height: 0;
  width: 0;
  left: 0;
}
.blue-theme-radio-group-normal {
  display: inline-block;
}

/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
/**
* 基础变量
* 参见: https://km.sankuai.com/page/147289627
**/
/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
.blue-theme-radio-button {
  display: inline-flex;
  align-items: center;
  cursor: pointer;
  text-align: center;
  transition: all 0.3s ease-in-out;
  border: 1px solid #e0e0e0;
  vertical-align: top;
  /*   &:hover,
  &.hover {
    border-color: $radio-button-hover-border-color;

    &:not(:first-child) {
      box-shadow: -1px 0 0 $radio-button-hover-border-color;
    }
  } */
  min-width: 0;
  height: 32px;
  padding: 0px 8px;
  font-size: 14px;
  line-height: 30px;
}
.blue-theme-radio-button-checked:hover {
  opacity: 0.8;
}
.blue-theme-radio-button-line {
  color: rgba(0, 0, 0, 0.9);
  background-color: #fff;
  border-color: #e0e0e0;
}
.blue-theme-radio-button-line:hover {
  color: #0A70F5;
  background-color: transparent;
}
.blue-theme-radio-button-line.blue-theme-radio-button-checked {
  background-color: #fff;
  color: #0A70F5;
  border-color: #0A70F5;
}
.blue-theme-radio-button-line.blue-theme-radio-button-checked.blue-theme-radio-button-disabled {
  background-color: rgba(0, 0, 0, 0.06);
}
.blue-theme-radio-button-line.blue-theme-radio-button-disabled {
  background-color: rgba(0, 0, 0, 0.04);
  color: rgba(0, 0, 0, 0.25);
  border-color: #e0e0e0;
}
.blue-theme-radio-button-line.blue-theme-radio-button-checked:not(:first-child) {
  box-shadow: -1px 0 0 #0A70F5;
}
.blue-theme-radio-button-line.blue-theme-radio-button-checked:not(:first-child).blue-theme-radio-button-disabled:not(:first-child) {
  box-shadow: -1px 0 0 #e0e0e0;
}
.blue-theme-radio-button-fill {
  color: rgba(0, 0, 0, 0.9);
  background-color: #fff;
  border-color: #e0e0e0;
}
.blue-theme-radio-button-fill:hover {
  color: #0A70F5;
  background-color: transparent;
}
.blue-theme-radio-button-fill.blue-theme-radio-button-checked {
  background-color: #0A70F5;
  color: #fff;
  border-color: #0A70F5;
}
.blue-theme-radio-button-fill.blue-theme-radio-button-checked.blue-theme-radio-button-disabled {
  background-color: rgba(0, 0, 0, 0.06);
}
.blue-theme-radio-button-fill.blue-theme-radio-button-disabled {
  background-color: rgba(0, 0, 0, 0.04);
  color: rgba(0, 0, 0, 0.25);
  border-color: #e0e0e0;
}
.blue-theme-radio-button-fill.blue-theme-radio-button-checked:not(:first-child) {
  box-shadow: -1px 0 0 #0A70F5;
}
.blue-theme-radio-button-fill.blue-theme-radio-button-checked:not(:first-child).blue-theme-radio-button-disabled:not(:first-child) {
  box-shadow: -1px 0 0 #e0e0e0;
}
.blue-theme-radio-button-slider {
  color: rgba(0, 0, 0, 0.9);
  background-color: transparent;
  border-color: #e0e0e0;
  z-index: 2;
  border: none;
  position: relative;
}
.blue-theme-radio-button-slider:hover {
  color: rgba(0, 0, 0, 0.9);
  background-color: transparent;
}
.blue-theme-radio-button-slider.blue-theme-radio-button-checked {
  background-color: transparent;
  color: #0A70F5;
  border-color: #0A70F5;
}
.blue-theme-radio-button-slider.blue-theme-radio-button-checked.blue-theme-radio-button-disabled {
  background-color: transparent;
}
.blue-theme-radio-button-slider.blue-theme-radio-button-disabled {
  background-color: transparent;
  color: rgba(0, 0, 0, 0.25);
  border-color: #e0e0e0;
}
.blue-theme-radio-button-slider .blue-theme-radio-button-division {
  height: 16px;
  width: 1px;
  background-color: rgba(0, 0, 0, 0.06);
  content: "";
  position: absolute;
  z-index: 1;
  left: 0;
  opacity: 1;
  transition: opacity 0.3s ease-in-out;
}
.blue-theme-radio-button-slider:first-child .blue-theme-radio-button-division {
  opacity: 0;
}
.blue-theme-radio-button-slider.blue-theme-radio-button-checked {
  box-shadow: none;
}
.blue-theme-radio-button-slider.blue-theme-radio-button-checked .blue-theme-radio-button-division {
  opacity: 0;
}
.blue-theme-radio-button-slider.blue-theme-radio-button-checked + .blue-theme-radio-button-slider .blue-theme-radio-button-division {
  opacity: 0;
}
.blue-theme-radio-button:not(:first-child) {
  border-left: none;
}
.blue-theme-radio-button:last-child {
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
}
.blue-theme-radio-button:first-child {
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
}
.blue-theme-radio-button-checked {
  /* &:hover,
  &.hover {
    color: $radio-button-checked-hover-text-color;
  } */
}
.blue-theme-radio-button-disabled, .blue-theme-radio-button-disabled:hover {
  border-color: rgba(0, 0, 0, 0.12);
  cursor: not-allowed;
  opacity: 1;
}
.blue-theme-radio-button-disabled {
  /* &.blue-theme-radio-button-checked,
  &.blue-theme-radio-button-checked:hover {
    //background-color: $radio-button-disabled-checked-bgc;
    border-color: $radio-button-disabled-checked-border-color;
    //color: $radio-button-disabled-checked-color;
    box-shadow: none;
  } */
}
.blue-theme-radio-button:after {
  height: 32px;
}
.blue-theme-radio-button.blue-theme-radio-button-slider {
  height: 28px;
  line-height: 26px;
}
.blue-theme-radio-button-small {
  min-width: 0;
  height: 24px;
  padding: 0px 4px;
  font-size: 12px;
  line-height: 22px;
}
.blue-theme-radio-button-small:after {
  height: 24px;
}
.blue-theme-radio-button-small.blue-theme-radio-button-slider {
  height: 20px;
  line-height: 18px;
}
.blue-theme-radio-button-large {
  min-width: 0;
  height: 40px;
  padding: 0px 12px;
  font-size: 16px;
  line-height: 38px;
}
.blue-theme-radio-button-large:after {
  height: 40px;
}
.blue-theme-radio-button-large.blue-theme-radio-button-slider {
  height: 36px;
  line-height: 34px;
}

/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
/**
* 基础变量
* 参见: https://km.sankuai.com/page/147289627
**/
/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
.blue-theme-radio {
  line-height: 1;
  min-width: 0;
  display: inline-flex;
  align-items: center;
  flex: 0 0 auto;
  color: rgba(0, 0, 0, 0.9);
  cursor: pointer;
  font-size: 14px;
}
.blue-theme-radio-text {
  padding-left: 8px;
  padding-right: 24px;
  min-width: 0;
  flex: 1 1 auto;
  line-height: 22px;
}
.blue-theme-radio-inner {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  width: 16px;
  height: 16px;
  flex: 0 0 auto;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 50%;
  transition: all 0.5s ease-in-out;
  background-color: #fff;
}

.blue-theme-radio-small {
  font-size: 12px;
}
.blue-theme-radio-small .blue-theme-radio-inner {
  width: 12px;
  height: 12px;
}
.blue-theme-radio-small .blue-theme-radio-text {
  line-height: 20px;
  padding-left: 4px;
}
.blue-theme-radio-large {
  font-size: 16px;
}
.blue-theme-radio-large .blue-theme-radio-inner {
  width: 18px;
  height: 18px;
}
.blue-theme-radio-large .blue-theme-radio-text {
  line-height: 24px;
  padding-left: 8px;
}
.blue-theme-radio:hover .blue-theme-radio-inner {
  border-color: #0A70F5;
  transition: all 0.5s ease-in-out;
}
.blue-theme-radio-checked {
  color: rgba(0, 0, 0, 0.9);
}
.blue-theme-radio-checked .blue-theme-radio-inner {
  border-color: #0A70F5;
  background-color: #0A70F5;
}
.blue-theme-radio-inner:after {
  position: absolute;
  z-index: 1;
  content: "";
  top: 4px;
  left: 4px;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: #fff;
  transform: scale(0);
}
.blue-theme-radio-checked .blue-theme-radio-inner:after {
  transform: scale(1);
  transition: transform 0.1s ease-in-out;
}
.blue-theme-radio-small .blue-theme-radio-inner:after {
  top: 3px;
  left: 3px;
  width: 4px;
  height: 4px;
}
.blue-theme-radio-large .blue-theme-radio-inner:after {
  top: 5px;
  left: 5px;
  width: 6px;
  height: 6px;
}
.blue-theme-radio-disabled {
  color: rgba(0, 0, 0, 0.7);
  cursor: not-allowed;
  opacity: 0.45;
}
.blue-theme-radio-disabled .blue-theme-radio-inner {
  background: rgba(0, 0, 0, 0.04);
  border-color: rgba(0, 0, 0, 0.2);
  box-shadow: none;
}
.blue-theme-radio-disabled.blue-theme-radio-checked .blue-theme-radio-inner {
  background-color: rgba(0, 0, 0, 0.12);
}
.blue-theme-radio-disabled .blue-theme-radio-inner:after {
  background-color: rgba(0, 0, 0, 0.2);
}
.blue-theme-radio-disabled:hover .blue-theme-radio-inner {
  border-color: rgba(0, 0, 0, 0.2);
}

/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
/**
* 基础变量
* 参见: https://km.sankuai.com/page/147289627
**/
/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
.blue-theme-checkbox {
  color: rgba(0, 0, 0, 0.9);
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  vertical-align: middle;
  font-size: 0;
}
.blue-theme-checkbox:before {
  content: " ";
  display: inline-block;
  width: 0;
  height: 100%;
  vertical-align: middle;
}
.blue-theme-checkbox + .blue-theme-checkbox {
  margin-left: 32px;
}
.blue-theme-checkbox-inner {
  color: rgba(0, 0, 0, 0.2);
  display: inline-flex;
  align-items: center;
  vertical-align: middle;
  width: 1em;
  height: 1em;
  border: 1px solid currentColor;
  border-radius: 4px;
  background-color: #fff;
  position: relative;
  transition: background-color 0.3s, color 0.3s;
  flex: 0 0 auto;
}
.blue-theme-checkbox-inner .blue-theme-icon {
  position: relative;
  left: -1px;
  color: transparent;
}
.blue-theme-checkbox-indeterminate .blue-theme-checkbox-inner, .blue-theme-checkbox-checked .blue-theme-checkbox-inner {
  background-color: #0A70F5;
  color: #0A70F5;
}
.blue-theme-checkbox-indeterminate .blue-theme-checkbox-inner i, .blue-theme-checkbox-checked .blue-theme-checkbox-inner i {
  color: #fff;
}
.blue-theme-checkbox-indeterminate-inner {
  height: 4px;
  position: absolute;
  z-index: 1;
  left: 2px;
  right: 2px;
  transform: scale(1, 0.5);
  background-color: currentColor;
  border-radius: 1px;
}
.blue-theme-checkbox-text {
  vertical-align: middle;
  margin-left: 8px;
}
.blue-theme-checkbox:not(.blue-theme-checkbox-disabled):hover, .blue-theme-checkbox:not(.blue-theme-checkbox-disabled).hover {
  color: rgba(0, 0, 0, 0.7);
}
.blue-theme-checkbox:not(.blue-theme-checkbox-disabled):hover .blue-theme-checkbox-inner, .blue-theme-checkbox:not(.blue-theme-checkbox-disabled).hover .blue-theme-checkbox-inner {
  color: #0A70F5;
}
.blue-theme-checkbox-checked .blue-theme-checkbox-inner, .blue-theme-checkbox-indeterminate .blue-theme-checkbox-inner {
  color: #0A70F5;
}
.blue-theme-checkbox-disabled {
  color: rgba(0, 0, 0, 0.25);
  cursor: not-allowed;
}
.blue-theme-checkbox-disabled .blue-theme-checkbox-inner {
  background-color: rgba(0, 0, 0, 0.04);
  color: rgba(0, 0, 0, 0.12);
}
.blue-theme-checkbox-disabled .blue-theme-checkbox-inner i {
  color: rgba(0, 0, 0, 0.12);
}
.blue-theme-checkbox .blue-theme-checkbox-text {
  font-size: 14px;
}
.blue-theme-checkbox .blue-theme-checkbox-inner {
  font-size: 16px;
}
.blue-theme-checkbox .blue-theme-checkbox-inner .blue-theme-icon {
  font-size: 16px;
}
.blue-theme-checkbox .blue-theme-checkbox-indeterminate-inner {
  top: 5px;
}
.blue-theme-checkbox-large .blue-theme-checkbox-text {
  font-size: 16px;
}
.blue-theme-checkbox-large .blue-theme-checkbox-inner {
  font-size: 18px;
}
.blue-theme-checkbox-large .blue-theme-checkbox-inner .blue-theme-icon {
  font-size: 18px;
}
.blue-theme-checkbox-large .blue-theme-checkbox-indeterminate-inner {
  top: 6px;
}
.blue-theme-checkbox-large .blue-theme-checkbox-text {
  margin-left: 8px;
}
.blue-theme-checkbox-small .blue-theme-checkbox-text {
  font-size: 12px;
}
.blue-theme-checkbox-small .blue-theme-checkbox-inner {
  font-size: 14px;
}
.blue-theme-checkbox-small .blue-theme-checkbox-inner .blue-theme-icon {
  font-size: 14px;
}
.blue-theme-checkbox-small .blue-theme-checkbox-indeterminate-inner {
  top: 4px;
}
.blue-theme-checkbox-small .blue-theme-checkbox-text {
  margin-left: 4px;
}

/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
/**
* 基础变量
* 参见: https://km.sankuai.com/page/147289627
**/
/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
.blue-theme-checkbox-group .blue-theme-checkbox {
  margin-right: 32px;
}
.blue-theme-checkbox-group .blue-theme-checkbox + .blue-theme-checkbox {
  margin-left: 0;
}
.blue-theme-checkbox-group .blue-theme-checkbox:last-child {
  margin-right: 0;
}

/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
/**
* 基础变量
* 参见: https://km.sankuai.com/page/147289627
**/
/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
.blue-theme-input {
  font-size: inherit;
  display: block;
  width: 100%;
  height: 100%;
  color: currentColor;
  padding: 0;
  background: transparent;
  border: 0 solid rgba(0, 0, 0, 0.12);
  border-radius: 0;
  flex: 1 1 0;
}
.blue-theme-input:hover {
  border-color: #2A8EFE;
}
.blue-theme-input:focus {
  border-color: #0A70F5;
  outline: none;
}
.blue-theme-input-wrapper {
  display: inline-flex;
  align-items: stretch;
  position: relative;
  color: rgba(0, 0, 0, 0.9);
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.12);
  border-radius: 6px;
}
.blue-theme-input-clear {
  cursor: pointer;
}
.blue-theme-input-prefix-inner, .blue-theme-input-suffix-inner {
  color: rgba(0, 0, 0, 0.5);
  display: inline-flex;
  align-items: center;
  flex: 0 0 auto;
}
.blue-theme-input-prefix-inner:hover, .blue-theme-input-suffix-inner:hover {
  color: rgba(0, 0, 0, 0.7);
}
.blue-theme-input-prefix-inner > i, .blue-theme-input-suffix-inner > i {
  flex: 0 0 auto;
}
.blue-theme-input-prefix-inner .blue-theme-icon-loading, .blue-theme-input-suffix-inner .blue-theme-icon-loading {
  color: rgba(0, 0, 0, 0.35);
}
.blue-theme-input-prefix-inner .blue-theme-icon-loading:hover, .blue-theme-input-suffix-inner .blue-theme-icon-loading:hover {
  color: rgba(0, 0, 0, 0.35);
}
.blue-theme-input-prefix-inner {
  margin-right: 4px;
}
.blue-theme-input-suffix-inner {
  margin-left: 4px;
}
.blue-theme-input-count {
  color: rgba(0, 0, 0, 0.5);
  font-size: 12px;
  margin-left: 4px;
}
.blue-theme-input-focused {
  border-color: #0A70F5;
  z-index: 1;
}
.blue-theme-input-hover {
  z-index: 1;
  border-color: #2A8EFE;
}
.blue-theme-input-readonly {
  color: rgba(0, 0, 0, 0.5);
  border-color: rgba(0, 0, 0, 0.12);
}
.blue-theme-input-disabled {
  background-color: rgba(0, 0, 0, 0.04);
  color: rgba(0, 0, 0, 0.25);
  border-color: rgba(0, 0, 0, 0.12);
  cursor: not-allowed;
}
.blue-theme-input-disabled .blue-theme-input {
  cursor: not-allowed;
}
.blue-theme-input-disabled .blue-theme-input-prefix-inner,
.blue-theme-input-disabled .blue-theme-input-suffix-inner {
  color: rgba(0, 0, 0, 0.35);
}
.blue-theme-input-error {
  border-color: #f5483b;
}
.blue-theme-input-error .status-icon {
  color: #f5483b;
  margin-left: 4px;
}
.blue-theme-input-success {
  border-color: #00ba73;
}
.blue-theme-input-success .status-icon {
  color: #00ba73;
  margin-left: 4px;
}
.blue-theme-input-warning {
  border-color: #ff9d00;
}
.blue-theme-input-warning .status-icon {
  color: #ff9d00;
  margin-left: 4px;
}
.blue-theme-input-wrapper {
  width: 180px;
  height: 32px;
  font-size: 14px;
  padding: 0 8px;
}
.blue-theme-input-wrapper .blue-theme-input-prefix-inner {
  font-size: 16px;
}
.blue-theme-input-wrapper .blue-theme-input-suffix-inner {
  font-size: 16px;
}
.blue-theme-input-wrapper.blue-theme-input-group > .blue-theme-input {
  padding: 0 8px;
}
.blue-theme-input-small {
  width: 160px;
  height: 24px;
  font-size: 12px;
  padding: 0 8px;
  border-radius: 4px;
}
.blue-theme-input-small .blue-theme-input-prefix-inner {
  font-size: 14px;
}
.blue-theme-input-small .blue-theme-input-suffix-inner {
  font-size: 14px;
}
.blue-theme-input-small.blue-theme-input-group > .blue-theme-input {
  padding: 0 8px;
}
.blue-theme-input-large {
  width: 200px;
  height: 40px;
  font-size: 16px;
  padding: 0 12px;
}
.blue-theme-input-large .blue-theme-input-prefix-inner {
  font-size: 18px;
}
.blue-theme-input-large .blue-theme-input-suffix-inner {
  font-size: 18px;
}
.blue-theme-input-large.blue-theme-input-group > .blue-theme-input {
  padding: 0 12px;
}
.blue-theme-input-line {
  background-color: transparent;
  border-width: 0;
  border-bottom-width: 1px;
  border-radius: 0;
}
.blue-theme-input-line.blue-theme-input-wrapper {
  padding-left: 0;
  padding-right: 0;
}
.blue-theme-input-area {
  color: rgba(0, 0, 0, 0.9);
  background-color: rgba(0, 0, 0, 0.04);
  border: 1px solid transparent;
}
.blue-theme-input-area ::placeholder {
  color: rgba(0, 0, 0, 0.25);
}
.blue-theme-input-area.blue-theme-input-hover {
  background-color: rgba(0, 0, 0, 0.06);
}
.blue-theme-input-area.blue-theme-input-focused {
  background-color: #fff;
  border-color: #0A70F5;
}
.blue-theme-input-area.blue-theme-input-disabled {
  color: rgba(0, 0, 0, 0.25);
  background: rgba(0, 0, 0, 0.04);
}
.blue-theme-input-area.blue-theme-input-readonly {
  color: rgba(0, 0, 0, 0.5);
  background-color: rgba(0, 0, 0, 0.04);
}
.blue-theme-input-area.blue-theme-input-error {
  background-color: rgba(245, 72, 59, 0.05);
}
.blue-theme-input-area.blue-theme-input-success {
  background-color: rgba(0, 186, 115, 0.05);
}
.blue-theme-input-area.blue-theme-input-warning {
  background-color: rgba(255, 157, 0, 0.05);
}
.blue-theme-input-pre {
  position: absolute;
  visibility: hidden;
  white-space: pre;
  display: block;
}

/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
/**
* 基础变量
* 参见: https://km.sankuai.com/page/147289627
**/
/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
.blue-theme-input-group {
  position: relative;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
  border: none;
}
.blue-theme-input-group-compact {
  display: flex;
  align-items: stretch;
}
.blue-theme-input-group-compact > *:not(:last-child) {
  margin-right: -1px;
}
.blue-theme-input-group > *,
.blue-theme-input-group .blue-theme-input,
.blue-theme-input-group .blue-theme-input-wrapper,
.blue-theme-input-group .blue-theme-input-number,
.blue-theme-input-group .blue-theme-input-number-wrapper,
.blue-theme-input-group .blue-theme-input-group :first-child,
.blue-theme-input-group .blue-theme-input-group :last-child {
  border-radius: 0;
}
.blue-theme-input-group > :first-child,
.blue-theme-input-group > :first-child .blue-theme-input-wrapper,
.blue-theme-input-group .blue-theme-input-group:first-child > :first-child {
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
}
.blue-theme-input-group > :last-child,
.blue-theme-input-group > :last-child .blue-theme-input-wrapper,
.blue-theme-input-group .blue-theme-input-group:last-child > :last-child {
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
}
.blue-theme-input-group > .blue-theme-input {
  border-width: 1px;
}
.blue-theme-input-group.blue-theme-input-error > .blue-theme-input {
  border-color: #f5483b;
}
.blue-theme-input-group.blue-theme-input-error > .blue-theme-input .status-icon {
  color: #f5483b;
  margin-left: 4px;
}
.blue-theme-input-group.blue-theme-input-success > .blue-theme-input {
  border-color: #00ba73;
}
.blue-theme-input-group.blue-theme-input-success > .blue-theme-input .status-icon {
  color: #00ba73;
  margin-left: 4px;
}
.blue-theme-input-group.blue-theme-input-warning > .blue-theme-input {
  border-color: #ff9d00;
}
.blue-theme-input-group.blue-theme-input-warning > .blue-theme-input .status-icon {
  color: #ff9d00;
  margin-left: 4px;
}
.blue-theme-input-group-prepend, .blue-theme-input-group-append {
  display: inline-flex;
  align-items: center;
  flex: 0 0 auto;
  line-height: 1.5;
  padding: 0 8px;
  background-color: #f5f5f5;
  white-space: nowrap;
  border: 1px solid rgba(0, 0, 0, 0.12);
}
.blue-theme-input-group-prepend .blue-theme-select, .blue-theme-input-group-append .blue-theme-select {
  margin: -1px -9px;
}
.blue-theme-input-group-prepend .blue-theme-input-wrapper, .blue-theme-input-group-append .blue-theme-input-wrapper {
  border-color: transparent;
  background-color: transparent;
}
.blue-theme-input-group-prepend .blue-theme-input-hover, .blue-theme-input-group-append .blue-theme-input-hover {
  border-color: #2A8EFE;
}
.blue-theme-input-group-prepend .blue-theme-input-focused, .blue-theme-input-group-append .blue-theme-input-focused {
  border-color: #0A70F5;
}
.blue-theme-input-group-prepend {
  border-right: none;
}
.blue-theme-input-group-append {
  border-left: none;
}
.blue-theme-input-group[class*=col-] {
  float: none;
  padding-right: 0;
  padding-left: 0;
}
.blue-theme-input-group > [class*=col-] {
  padding-right: 8px;
}
.blue-theme-input-group > [class*=col-]:last-child {
  padding-right: 0;
}

/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
/**
* 基础变量
* 参见: https://km.sankuai.com/page/147289627
**/
/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
.blue-theme-textarea {
  font-size: 14px;
  color: rgba(0, 0, 0, 0.9);
  border: 1px solid rgba(0, 0, 0, 0.12);
  border-radius: 6px;
  vertical-align: bottom;
  padding: 4px 8px;
  max-width: 100%;
  width: 100%;
  min-height: 32px;
  resize: vertical;
  line-height: 22px;
  height: 100%;
}
.blue-theme-textarea-wrapper {
  position: relative;
  display: inline-block;
  text-align: right;
  width: 260px;
}
.blue-theme-textarea:hover, .blue-theme-textarea.hover {
  border-color: #2A8EFE;
}
.blue-theme-textarea:focus {
  border-color: #0A70F5;
  outline: none;
}
.blue-theme-textarea-count {
  color: rgba(0, 0, 0, 0.5);
  font-size: 12px;
  /* position: absolute;
  bottom: $s-1;
  right: $s-1; */
}
.blue-theme-textarea-readonly {
  color: rgba(0, 0, 0, 0.5);
  border-color: rgba(0, 0, 0, 0.12);
}
.blue-theme-textarea-readonly:hover, .blue-theme-textarea-readonly.hover {
  border-color: rgba(0, 0, 0, 0.12);
}
.blue-theme-textarea-readonly:focus {
  border-color: rgba(0, 0, 0, 0.12);
}
.blue-theme-textarea-disabled {
  cursor: not-allowed;
  border-color: rgba(0, 0, 0, 0.12);
  background-color: rgba(0, 0, 0, 0.04);
  color: rgba(0, 0, 0, 0.25);
}
.blue-theme-textarea-disabled:hover, .blue-theme-textarea-disabled.hover {
  color: rgba(0, 0, 0, 0.25);
  border-color: rgba(0, 0, 0, 0.12);
}
.blue-theme-textarea-error {
  border-color: #f5483b;
}

/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
/**
* 基础变量
* 参见: https://km.sankuai.com/page/147289627
**/
/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
.blue-theme-input-group {
  position: relative;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
  border: none;
}
.blue-theme-input-group-compact {
  display: flex;
  align-items: stretch;
}
.blue-theme-input-group-compact > *:not(:last-child) {
  margin-right: -1px;
}
.blue-theme-input-group > *,
.blue-theme-input-group .blue-theme-input,
.blue-theme-input-group .blue-theme-input-wrapper,
.blue-theme-input-group .blue-theme-input-number,
.blue-theme-input-group .blue-theme-input-number-wrapper,
.blue-theme-input-group .blue-theme-input-group :first-child,
.blue-theme-input-group .blue-theme-input-group :last-child {
  border-radius: 0;
}
.blue-theme-input-group > :first-child,
.blue-theme-input-group > :first-child .blue-theme-input-wrapper,
.blue-theme-input-group .blue-theme-input-group:first-child > :first-child {
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
}
.blue-theme-input-group > :last-child,
.blue-theme-input-group > :last-child .blue-theme-input-wrapper,
.blue-theme-input-group .blue-theme-input-group:last-child > :last-child {
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
}
.blue-theme-input-group > .blue-theme-input {
  border-width: 1px;
}
.blue-theme-input-group.blue-theme-input-error > .blue-theme-input {
  border-color: #f5483b;
}
.blue-theme-input-group.blue-theme-input-error > .blue-theme-input .status-icon {
  color: #f5483b;
  margin-left: 4px;
}
.blue-theme-input-group.blue-theme-input-success > .blue-theme-input {
  border-color: #00ba73;
}
.blue-theme-input-group.blue-theme-input-success > .blue-theme-input .status-icon {
  color: #00ba73;
  margin-left: 4px;
}
.blue-theme-input-group.blue-theme-input-warning > .blue-theme-input {
  border-color: #ff9d00;
}
.blue-theme-input-group.blue-theme-input-warning > .blue-theme-input .status-icon {
  color: #ff9d00;
  margin-left: 4px;
}
.blue-theme-input-group-prepend, .blue-theme-input-group-append {
  display: inline-flex;
  align-items: center;
  flex: 0 0 auto;
  line-height: 1.5;
  padding: 0 8px;
  background-color: #f5f5f5;
  white-space: nowrap;
  border: 1px solid rgba(0, 0, 0, 0.12);
}
.blue-theme-input-group-prepend .blue-theme-select, .blue-theme-input-group-append .blue-theme-select {
  margin: -1px -9px;
}
.blue-theme-input-group-prepend .blue-theme-input-wrapper, .blue-theme-input-group-append .blue-theme-input-wrapper {
  border-color: transparent;
  background-color: transparent;
}
.blue-theme-input-group-prepend .blue-theme-input-hover, .blue-theme-input-group-append .blue-theme-input-hover {
  border-color: #2A8EFE;
}
.blue-theme-input-group-prepend .blue-theme-input-focused, .blue-theme-input-group-append .blue-theme-input-focused {
  border-color: #0A70F5;
}
.blue-theme-input-group-prepend {
  border-right: none;
}
.blue-theme-input-group-append {
  border-left: none;
}
.blue-theme-input-group[class*=col-] {
  float: none;
  padding-right: 0;
  padding-left: 0;
}
.blue-theme-input-group > [class*=col-] {
  padding-right: 8px;
}
.blue-theme-input-group > [class*=col-]:last-child {
  padding-right: 0;
}

/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
/**
* 基础变量
* 参见: https://km.sankuai.com/page/147289627
**/
/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
.blue-theme-icon-btn {
  box-sizing: border-box;
  white-space: nowrap;
  -webkit-appearance: none;
  cursor: pointer;
  outline: none;
  text-align: center;
  font-weight: 500;
  user-select: none;
  text-align: center;
  color: #0A70F5;
  border: none;
  padding: 0;
  border-radius: 50%;
  transition: all 0.3s;
  line-height: 1;
  position: relative;
  background-color: transparent;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  width: 32px;
  height: 32px;
}
.blue-theme-icon-btn:hover, .blue-theme-icon-btn.hover {
  color: #0A70F5;
  background-color: rgba(0, 0, 0, 0.06);
}
.blue-theme-icon-btn:active, .blue-theme-icon-btn.active {
  color: #0A70F5;
  background-color: rgba(0, 0, 0, 0.06);
}
.blue-theme-icon-btn-secondary {
  color: rgba(0, 0, 0, 0.7);
}
.blue-theme-icon-btn-secondary:hover, .blue-theme-icon-btn-secondary.hover {
  color: #0A70F5;
  background-color: rgba(0, 0, 0, 0.06);
}
.blue-theme-icon-btn-secondary:active, .blue-theme-icon-btn-secondary.active {
  color: #0A70F5;
  background-color: rgba(0, 0, 0, 0.06);
}
.blue-theme-icon-btn.blue-theme-icon-btn-disabled {
  color: rgba(0, 0, 0, 0.25);
  cursor: not-allowed;
}
.blue-theme-icon-btn.blue-theme-icon-btn-disabled:hover, .blue-theme-icon-btn.blue-theme-icon-btn-disabled.hover {
  background-color: transparent;
}
.blue-theme-icon-btn-small {
  font-size: 14px;
  width: 24px;
  height: 24px;
}
.blue-theme-icon-btn-large {
  font-size: 16px;
  width: 40px;
  height: 40px;
}

.blue-theme-icon-btn + .blue-theme-icon-btn {
  margin-left: 10px;
}

/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
/**
* 基础变量
* 参见: https://km.sankuai.com/page/147289627
**/
/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
/**
* 基础变量
* 参见: https://km.sankuai.com/page/147289627
**/
/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
/**
* 基础变量
* 参见: https://km.sankuai.com/page/147289627
**/
/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
/* @mixin tag-pure-color($color, $bgc) {

  // 面型
  &.blue-theme-tag-pure {
    background-color: $bgc;
    color: $color;
    border-color: $bgc;
  }
}
 */
/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
/**
* 基础变量
* 参见: https://km.sankuai.com/page/147289627
**/
/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
@keyframes mtd-btn-rotate {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(360deg);
  }
}
.blue-theme-btn {
  box-sizing: border-box;
  white-space: nowrap;
  -webkit-appearance: none;
  cursor: pointer;
  outline: none;
  text-align: center;
  font-weight: 500;
  user-select: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  vertical-align: top;
  position: relative;
  transition: all 0.3s;
  color: rgba(0, 0, 0, 0.9);
  background: #fff;
  border: 1px solid #e0e0e0;
  min-width: 32px;
  height: 32px;
  padding: 0 12px;
  font-size: 14px;
  border-radius: 6px;
}
.blue-theme-btn:hover, .blue-theme-btn.hover {
  color: rgba(0, 0, 0, 0.9);
  border-color: #e0e0e0;
  background-color: rgba(0, 0, 0, 0.04);
  text-decoration: none;
}
.blue-theme-btn:active, .blue-theme-btn.active {
  color: rgba(0, 0, 0, 0.9);
  border-color: #e0e0e0;
  background-color: rgba(0, 0, 0, 0.12);
}
.blue-theme-btn.blue-theme-btn-disabled {
  color: rgba(0, 0, 0, 0.25);
  border-color: #e0e0e0;
  background: rgba(0, 0, 0, 0.04);
  opacity: 1;
  cursor: not-allowed;
}
.blue-theme-btn.blue-theme-btn-disabled .blue-theme-btn-before {
  color: currentColor;
}
.blue-theme-btn-loading {
  pointer-events: none;
}
.blue-theme-btn-before {
  display: inline-flex;
  vertical-align: top;
  align-items: center;
  height: 100%;
}
.blue-theme-btn-before .blue-theme-badge {
  line-height: 1;
}
.blue-theme-btn-spin {
  width: 1em;
  height: 1em;
  border: 1px solid transparent;
  border-top-color: currentColor;
  border-right-color: currentColor;
  border-radius: 50%;
  animation: mtd-btn-rotate linear 1s infinite;
}
.blue-theme-btn .blue-theme-btn-before {
  margin-right: 4px;
  font-size: 16px;
  width: 1em;
}
.blue-theme-btn.blue-theme-btn-text-primary {
  height: 22px;
}
.blue-theme-btn-small {
  min-width: 24px;
  height: 24px;
  padding: 0 8px;
  font-size: 12px;
  border-radius: 4px;
}
.blue-theme-btn-small .blue-theme-btn-before {
  margin-right: 4px;
  font-size: 14px;
  width: 1em;
}
.blue-theme-btn-small.blue-theme-btn-text-primary {
  height: 20px;
}
.blue-theme-btn-large {
  min-width: 40px;
  height: 40px;
  padding: 0 20px;
  font-size: 14px;
  border-radius: 6px;
}
.blue-theme-btn-large .blue-theme-btn-before {
  margin-right: 4px;
  font-size: 16px;
  width: 1em;
}
.blue-theme-btn-large.blue-theme-btn-text-primary {
  height: 22px;
}
.blue-theme-btn-primary {
  color: #fff;
  background: #0A70F5;
  border-color: #0A70F5;
  /* &.blue-theme-btn-loading {
    color: $color;
    background: $activeBgc;
    border-color: $activeBorderColor;
  } */
}
.blue-theme-btn-primary:hover, .blue-theme-btn-primary.hover, .blue-theme-btn-primary:focus {
  color: #fff;
  background: #2A8EFE;
  border-color: #2A8EFE;
}
.blue-theme-btn-primary:active, .blue-theme-btn-primary.active {
  color: #fff;
  background: #005ADE;
  border-color: #005ADE;
}
.blue-theme-btn-primary .blue-theme-btn-before {
  color: currentColor;
}
.blue-theme-btn-primary.blue-theme-btn-disabled {
  color: rgba(0, 0, 0, 0.25);
  background: rgba(0, 0, 0, 0.04);
  border-color: #e0e0e0;
  opacity: 1;
}
.blue-theme-btn-primary.blue-theme-btn-ghost {
  background: transparent;
  color: #0A70F5;
  border-color: #0A70F5;
  /* &.blue-theme-btn-loading {
    color: $activeBorderColor;
    background: transparent;
    border-color: $activeBorderColor;
  } */
}
.blue-theme-btn-primary.blue-theme-btn-ghost:hover, .blue-theme-btn-primary.blue-theme-btn-ghost:focus {
  background: rgba(10, 112, 245, 0.12);
  color: #0A70F5;
  border-color: #0A70F5;
}
.blue-theme-btn-primary.blue-theme-btn-ghost:active {
  background: rgba(10, 112, 245, 0.24);
  color: #0A70F5;
  border-color: #0A70F5;
}
.blue-theme-btn-primary.blue-theme-btn-ghost.blue-theme-btn-disabled {
  color: rgba(0, 0, 0, 0.25);
  background: rgba(0, 0, 0, 0.04);
  border-color: #e0e0e0;
}
.blue-theme-btn-primary.blue-theme-btn-disabled {
  border: none;
  border-width: 0;
}
.blue-theme-btn-success {
  color: #fff;
  background: #00ba73;
  border-color: #00ba73;
  /* &.blue-theme-btn-loading {
    color: $color;
    background: $activeBgc;
    border-color: $activeBorderColor;
  } */
}
.blue-theme-btn-success:hover, .blue-theme-btn-success.hover, .blue-theme-btn-success:focus {
  color: #fff;
  background: #3dd999;
  border-color: #3dd999;
}
.blue-theme-btn-success:active, .blue-theme-btn-success.active {
  color: #fff;
  background: #009155;
  border-color: #009155;
}
.blue-theme-btn-success .blue-theme-btn-before {
  color: currentColor;
}
.blue-theme-btn-success.blue-theme-btn-disabled {
  color: rgba(0, 0, 0, 0.25);
  background: rgba(0, 0, 0, 0.04);
  border-color: #e0e0e0;
  opacity: 1;
}
.blue-theme-btn-success.blue-theme-btn-ghost {
  background: transparent;
  color: #00ba73;
  border-color: #00ba73;
  /* &.blue-theme-btn-loading {
    color: $activeBorderColor;
    background: transparent;
    border-color: $activeBorderColor;
  } */
}
.blue-theme-btn-success.blue-theme-btn-ghost:hover, .blue-theme-btn-success.blue-theme-btn-ghost:focus {
  background: rgba(0, 186, 115, 0.12);
  color: #00ba73;
  border-color: #00ba73;
}
.blue-theme-btn-success.blue-theme-btn-ghost:active {
  background: rgba(0, 186, 115, 0.24);
  color: #00ba73;
  border-color: #00ba73;
}
.blue-theme-btn-success.blue-theme-btn-ghost.blue-theme-btn-disabled {
  color: rgba(0, 0, 0, 0.25);
  background: rgba(0, 0, 0, 0.04);
  border-color: #e0e0e0;
}
.blue-theme-btn-success.blue-theme-btn-disabled {
  border: none;
  border-width: 0;
}
.blue-theme-btn-warning {
  color: #fff;
  background: #ff9d00;
  border-color: #ff9d00;
  /* &.blue-theme-btn-loading {
    color: $color;
    background: $activeBgc;
    border-color: $activeBorderColor;
  } */
}
.blue-theme-btn-warning:hover, .blue-theme-btn-warning.hover, .blue-theme-btn-warning:focus {
  color: #fff;
  background: #ffc152;
  border-color: #ffc152;
}
.blue-theme-btn-warning:active, .blue-theme-btn-warning.active {
  color: #fff;
  background: #c76a00;
  border-color: #c76a00;
}
.blue-theme-btn-warning .blue-theme-btn-before {
  color: currentColor;
}
.blue-theme-btn-warning.blue-theme-btn-disabled {
  color: rgba(0, 0, 0, 0.25);
  background: rgba(0, 0, 0, 0.04);
  border-color: #e0e0e0;
  opacity: 1;
}
.blue-theme-btn-warning.blue-theme-btn-ghost {
  background: transparent;
  color: #ff9d00;
  border-color: #ff9d00;
  /* &.blue-theme-btn-loading {
    color: $activeBorderColor;
    background: transparent;
    border-color: $activeBorderColor;
  } */
}
.blue-theme-btn-warning.blue-theme-btn-ghost:hover, .blue-theme-btn-warning.blue-theme-btn-ghost:focus {
  background: rgba(255, 157, 0, 0.12);
  color: #ff9d00;
  border-color: #ff9d00;
}
.blue-theme-btn-warning.blue-theme-btn-ghost:active {
  background: rgba(255, 157, 0, 0.24);
  color: #ff9d00;
  border-color: #ff9d00;
}
.blue-theme-btn-warning.blue-theme-btn-ghost.blue-theme-btn-disabled {
  color: rgba(0, 0, 0, 0.25);
  background: rgba(0, 0, 0, 0.04);
  border-color: #e0e0e0;
}
.blue-theme-btn-warning.blue-theme-btn-disabled {
  border: none;
  border-width: 0;
}
.blue-theme-btn-danger {
  color: #fff;
  background: #f5483b;
  border-color: #f5483b;
  /* &.blue-theme-btn-loading {
    color: $color;
    background: $activeBgc;
    border-color: $activeBorderColor;
  } */
}
.blue-theme-btn-danger:hover, .blue-theme-btn-danger.hover, .blue-theme-btn-danger:focus {
  color: #fff;
  background: #ff7d7a;
  border-color: #ff7d7a;
}
.blue-theme-btn-danger:active, .blue-theme-btn-danger.active {
  color: #fff;
  background: #d41e21;
  border-color: #d41e21;
}
.blue-theme-btn-danger .blue-theme-btn-before {
  color: currentColor;
}
.blue-theme-btn-danger.blue-theme-btn-disabled {
  color: rgba(0, 0, 0, 0.25);
  background: rgba(0, 0, 0, 0.04);
  border-color: #e0e0e0;
  opacity: 1;
}
.blue-theme-btn-danger.blue-theme-btn-ghost {
  background: transparent;
  color: #f5483b;
  border-color: #f5483b;
  /* &.blue-theme-btn-loading {
    color: $activeBorderColor;
    background: transparent;
    border-color: $activeBorderColor;
  } */
}
.blue-theme-btn-danger.blue-theme-btn-ghost:hover, .blue-theme-btn-danger.blue-theme-btn-ghost:focus {
  background: rgba(245, 72, 59, 0.12);
  color: #f5483b;
  border-color: #f5483b;
}
.blue-theme-btn-danger.blue-theme-btn-ghost:active {
  background: rgba(245, 72, 59, 0.24);
  color: #f5483b;
  border-color: #f5483b;
}
.blue-theme-btn-danger.blue-theme-btn-ghost.blue-theme-btn-disabled {
  color: rgba(0, 0, 0, 0.25);
  background: rgba(0, 0, 0, 0.04);
  border-color: #e0e0e0;
}
.blue-theme-btn-danger.blue-theme-btn-disabled {
  border: none;
  border-width: 0;
}
.blue-theme-btn-text {
  color: rgba(0, 0, 0, 0.9);
  border-color: transparent !important;
  background-color: transparent;
}
.blue-theme-btn-text:hover, .blue-theme-btn-text.hover, .blue-theme-btn-text:focus, .blue-theme-btn-text:active, .blue-theme-btn-text.active {
  border-color: transparent;
}
.blue-theme-btn-text:hover, .blue-theme-btn-text.hover, .blue-theme-btn-text:focus {
  color: rgba(0, 0, 0, 0.9);
  background-color: rgba(0, 0, 0, 0.06);
}
.blue-theme-btn-text:active, .blue-theme-btn-text.active {
  color: rgba(0, 0, 0, 0.9);
  background-color: rgba(0, 0, 0, 0.12);
}
.blue-theme-btn-text.blue-theme-btn-loading {
  color: rgba(0, 0, 0, 0.9);
}
.blue-theme-btn-text.blue-theme-btn-disabled {
  color: rgba(0, 0, 0, 0.25);
  background-color: transparent;
  opacity: 1;
}
.blue-theme-btn-text .blue-theme-btn-before {
  color: rgba(0, 0, 0, 0.9);
}
.blue-theme-btn-text-primary {
  padding: 0;
  color: #0A70F5;
  border-color: transparent !important;
  background-color: transparent;
}
.blue-theme-btn-text-primary:hover, .blue-theme-btn-text-primary.hover, .blue-theme-btn-text-primary:focus, .blue-theme-btn-text-primary:active, .blue-theme-btn-text-primary.active {
  border-color: transparent;
}
.blue-theme-btn-text-primary:hover, .blue-theme-btn-text-primary.hover, .blue-theme-btn-text-primary:focus {
  color: #2A8EFE;
  background-color: transparent;
}
.blue-theme-btn-text-primary:active, .blue-theme-btn-text-primary.active {
  color: #005ADE;
  background-color: transparent;
}
.blue-theme-btn-text-primary.blue-theme-btn-loading {
  color: #005ADE;
}
.blue-theme-btn-text-primary.blue-theme-btn-disabled {
  color: rgba(0, 0, 0, 0.25);
  background-color: transparent;
  opacity: 1;
}
.blue-theme-btn-text-primary .blue-theme-btn-before {
  color: #0A70F5;
}
.blue-theme-btn-panel {
  background-color: rgba(0, 0, 0, 0.06);
  border: none;
  border-width: 0;
}
.blue-theme-btn-panel:hover {
  background-color: rgba(0, 0, 0, 0.04);
}
.blue-theme-btn-panel:active {
  background-color: #e0e0e0;
}
.blue-theme-btn-dashed {
  border-style: dashed;
}
.blue-theme-btn-circle {
  border-radius: 50%;
}
.blue-theme-btn-only-icon {
  padding: 0;
}
.blue-theme-btn.blue-theme-btn-loading .blue-theme-btn-before {
  padding: 1px;
  font-size: 14px;
  width: 16px;
}
.blue-theme-btn.blue-theme-btn-loading.blue-theme-btn-small .blue-theme-btn-before {
  padding: 1px;
  font-size: 12px;
  width: 12px;
}
.blue-theme-btn.blue-theme-btn-loading.blue-theme-btn-large .blue-theme-btn-before {
  padding: 1px;
  font-size: 14px;
  width: 16px;
}

.blue-theme-input-search-button {
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
}
.blue-theme-input-search-enter-button .blue-theme-input-search-input-wrapper,
.blue-theme-input-search-enter-button .blue-theme-input-search-input {
  border-right: none;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
}

.blue-theme-tag {
  display: inline-flex;
  align-items: center;
  white-space: nowrap;
  position: relative;
  vertical-align: middle;
  border: 1px solid;
  transition: all 0.3s;
  font-size: 0;
  height: 24px;
  padding: 2px 4px;
  min-width: 32px;
  max-width: 220px;
  border-radius: 4px;
}
.blue-theme-tag-clickable {
  cursor: pointer;
}
.blue-theme-tag-content {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  flex: 1 1 auto;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.blue-theme-tag-content-prefix {
  margin-right: 2px;
  display: inline-flex;
  align-items: center;
}
.blue-theme-tag-close {
  flex: 0 0 auto;
  margin-left: 0.5em;
  vertical-align: middle;
  cursor: pointer;
  color: currentColor;
  line-height: 0;
  padding: 1px;
}
.blue-theme-tag-close:hover {
  background-color: rgba(0, 0, 0, 0.04);
  border-radius: 2000px;
}
.blue-theme-tag-close i {
  transform: scale(0.8);
}
.blue-theme-tag-normal-color {
  background-color: rgba(0, 0, 0, 0.06);
  color: rgba(0, 0, 0, 0.9);
  border: 1px solid rgba(0, 0, 0, 0.1);
}
.blue-theme-tag-normal-color.blue-theme-tag-ghost {
  background-color: #fff;
}
.blue-theme-tag-normal-color.blue-theme-tag-pure {
  border: none;
}
.blue-theme-tag-gray {
  color: rgba(0, 0, 0, 0.9);
  border-color: "black";
  background-color: "white";
}
.blue-theme-tag-gray.blue-theme-tag-fuzzy {
  background-color: rgba(0, 0, 0, 0.06);
  border-color: rgba(0, 0, 0, 0.1);
  color: rgba(0, 0, 0, 0.35);
}
.blue-theme-tag-gray.blue-theme-tag-ghost {
  background-color: transparent;
  border-color: rgba(0, 0, 0, 0.35);
  color: rgba(0, 0, 0, 0.35);
}
.blue-theme-tag-gray.blue-theme-tag-pure {
  background-color: rgba(0, 0, 0, 0.35);
  border-color: transparent;
  color: white;
}
.blue-theme-tag-blue {
  color: rgba(0, 0, 0, 0.9);
  border-color: "black";
  background-color: "white";
}
.blue-theme-tag-blue.blue-theme-tag-fuzzy {
  background-color: rgba(10, 112, 245, 0.06);
  border-color: rgba(10, 112, 245, 0.1);
  color: #0A70F5;
}
.blue-theme-tag-blue.blue-theme-tag-ghost {
  background-color: transparent;
  border-color: #0A70F5;
  color: #0A70F5;
}
.blue-theme-tag-blue.blue-theme-tag-pure {
  background-color: #0A70F5;
  border-color: transparent;
  color: white;
}
.blue-theme-tag-green {
  color: rgba(0, 0, 0, 0.9);
  border-color: "black";
  background-color: "white";
}
.blue-theme-tag-green.blue-theme-tag-fuzzy {
  background-color: rgba(0, 186, 115, 0.06);
  border-color: rgba(0, 186, 115, 0.1);
  color: #00ba73;
}
.blue-theme-tag-green.blue-theme-tag-ghost {
  background-color: transparent;
  border-color: #00ba73;
  color: #00ba73;
}
.blue-theme-tag-green.blue-theme-tag-pure {
  background-color: #00ba73;
  border-color: transparent;
  color: white;
}
.blue-theme-tag-red {
  color: rgba(0, 0, 0, 0.9);
  border-color: "black";
  background-color: "white";
}
.blue-theme-tag-red.blue-theme-tag-fuzzy {
  background-color: rgba(255, 74, 71, 0.06);
  border-color: rgba(255, 74, 71, 0.1);
  color: #ff4a47;
}
.blue-theme-tag-red.blue-theme-tag-ghost {
  background-color: transparent;
  border-color: #ff4a47;
  color: #ff4a47;
}
.blue-theme-tag-red.blue-theme-tag-pure {
  background-color: #ff4a47;
  border-color: transparent;
  color: white;
}
.blue-theme-tag-purple {
  color: rgba(0, 0, 0, 0.9);
  border-color: "black";
  background-color: "white";
}
.blue-theme-tag-purple.blue-theme-tag-fuzzy {
  background-color: rgba(125, 26, 255, 0.06);
  border-color: rgba(125, 26, 255, 0.1);
  color: #7D1AFF;
}
.blue-theme-tag-purple.blue-theme-tag-ghost {
  background-color: transparent;
  border-color: #7D1AFF;
  color: #7D1AFF;
}
.blue-theme-tag-purple.blue-theme-tag-pure {
  background-color: #7D1AFF;
  border-color: transparent;
  color: white;
}
.blue-theme-tag-orange {
  color: rgba(0, 0, 0, 0.9);
  border-color: "black";
  background-color: "white";
}
.blue-theme-tag-orange.blue-theme-tag-fuzzy {
  background-color: rgba(255, 94, 0, 0.06);
  border-color: rgba(255, 94, 0, 0.1);
  color: #FF5E00;
}
.blue-theme-tag-orange.blue-theme-tag-ghost {
  background-color: transparent;
  border-color: #FF5E00;
  color: #FF5E00;
}
.blue-theme-tag-orange.blue-theme-tag-pure {
  background-color: #FF5E00;
  border-color: transparent;
  color: white;
}
.blue-theme-tag-brown {
  color: rgba(0, 0, 0, 0.9);
  border-color: "black";
  background-color: "white";
}
.blue-theme-tag-brown.blue-theme-tag-fuzzy {
  background-color: rgba(158, 117, 73, 0.06);
  border-color: rgba(158, 117, 73, 0.1);
  color: #9E7549;
}
.blue-theme-tag-brown.blue-theme-tag-ghost {
  background-color: transparent;
  border-color: #9E7549;
  color: #9E7549;
}
.blue-theme-tag-brown.blue-theme-tag-pure {
  background-color: #9E7549;
  border-color: transparent;
  color: white;
}
.blue-theme-tag-yellow {
  color: rgba(0, 0, 0, 0.9);
  border-color: "black";
  background-color: "white";
}
.blue-theme-tag-yellow.blue-theme-tag-fuzzy {
  background-color: rgba(255, 209, 0, 0.06);
  border-color: rgba(255, 209, 0, 0.1);
  color: #FFD100;
}
.blue-theme-tag-yellow.blue-theme-tag-ghost {
  background-color: transparent;
  border-color: #FFD100;
  color: #FFD100;
}
.blue-theme-tag-yellow.blue-theme-tag-pure {
  background-color: #FFD100;
  border-color: transparent;
  color: white;
}
.blue-theme-tag-yellow.blue-theme-tag-fuzzy {
  color: #A36A00;
}
.blue-theme-tag-yellow.blue-theme-tag-ghost {
  color: #A36A00;
}
.blue-theme-tag-yellow.blue-theme-tag-pure {
  color: rgba(0, 0, 0, 0.9);
}
.blue-theme-tag-unbordered {
  border-color: transparent !important;
}
.blue-theme-tag-disabled {
  cursor: not-allowed;
  border-color: #e2e6ed !important;
  background-color: #f5f5f5 !important;
  color: rgba(0, 0, 0, 0.25) !important;
  opacity: 1;
}
.blue-theme-tag-disabled .blue-theme-tag-close {
  pointer-events: none;
  color: #d7dbe2;
}
.blue-theme-tag-small {
  height: 20px;
  padding: 2px 4px;
  min-width: 28px;
  max-width: 170px;
  border-radius: 4px;
}
.blue-theme-tag-small .blue-theme-tag-content {
  font-size: 10px;
}
.blue-theme-tag-small .blue-theme-tag-content {
  font-size: 10px;
}
.blue-theme-tag-small .blue-theme-tag-close {
  font-size: 10px;
  margin-left: 4px;
}
.blue-theme-tag-small.blue-theme-tag-rounded {
  font-size: 10px;
  padding: 2px 8px;
}
.blue-theme-tag-small.blue-theme-tag-prefix {
  padding-left: 4px;
}
.blue-theme-tag-small.blue-theme-tag-closable {
  padding-right: 4px;
}
.blue-theme-tag .blue-theme-tag-content {
  font-size: 12px;
}
.blue-theme-tag .blue-theme-tag-content {
  font-size: 12px;
}
.blue-theme-tag .blue-theme-tag-close {
  font-size: 12px;
  margin-left: 2px;
}
.blue-theme-tag.blue-theme-tag-rounded {
  font-size: 12px;
  padding: 2px 8px;
}
.blue-theme-tag.blue-theme-tag-prefix {
  padding-left: 4px;
}
.blue-theme-tag.blue-theme-tag-closable {
  padding-right: 4px;
}
.blue-theme-tag-large {
  height: 32px;
  padding: 2px 4px;
  min-width: 44px;
  max-width: 270px;
  border-radius: 4px;
}
.blue-theme-tag-large .blue-theme-tag-content {
  font-size: 14px;
}
.blue-theme-tag-large .blue-theme-tag-content {
  font-size: 14px;
}
.blue-theme-tag-large .blue-theme-tag-close {
  font-size: 14px;
  margin-left: 4px;
}
.blue-theme-tag-large.blue-theme-tag-rounded {
  font-size: 14px;
  padding: 2px 8px;
}
.blue-theme-tag-large.blue-theme-tag-prefix {
  padding-left: 4px;
}
.blue-theme-tag-large.blue-theme-tag-closable {
  padding-right: 4px;
}
.blue-theme-tag-rounded {
  border-radius: 100px;
}

/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
/**
* 基础变量
* 参见: https://km.sankuai.com/page/147289627
**/
/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
.blue-theme-input {
  font-size: inherit;
  display: block;
  width: 100%;
  height: 100%;
  color: currentColor;
  padding: 0;
  background: transparent;
  border: 0 solid rgba(0, 0, 0, 0.12);
  border-radius: 0;
  flex: 1 1 0;
}
.blue-theme-input:hover {
  border-color: #2A8EFE;
}
.blue-theme-input:focus {
  border-color: #0A70F5;
  outline: none;
}
.blue-theme-input-wrapper {
  display: inline-flex;
  align-items: stretch;
  position: relative;
  color: rgba(0, 0, 0, 0.9);
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.12);
  border-radius: 6px;
}
.blue-theme-input-clear {
  cursor: pointer;
}
.blue-theme-input-prefix-inner, .blue-theme-input-suffix-inner {
  color: rgba(0, 0, 0, 0.5);
  display: inline-flex;
  align-items: center;
  flex: 0 0 auto;
}
.blue-theme-input-prefix-inner:hover, .blue-theme-input-suffix-inner:hover {
  color: rgba(0, 0, 0, 0.7);
}
.blue-theme-input-prefix-inner > i, .blue-theme-input-suffix-inner > i {
  flex: 0 0 auto;
}
.blue-theme-input-prefix-inner .blue-theme-icon-loading, .blue-theme-input-suffix-inner .blue-theme-icon-loading {
  color: rgba(0, 0, 0, 0.35);
}
.blue-theme-input-prefix-inner .blue-theme-icon-loading:hover, .blue-theme-input-suffix-inner .blue-theme-icon-loading:hover {
  color: rgba(0, 0, 0, 0.35);
}
.blue-theme-input-prefix-inner {
  margin-right: 4px;
}
.blue-theme-input-suffix-inner {
  margin-left: 4px;
}
.blue-theme-input-count {
  color: rgba(0, 0, 0, 0.5);
  font-size: 12px;
  margin-left: 4px;
}
.blue-theme-input-focused {
  border-color: #0A70F5;
  z-index: 1;
}
.blue-theme-input-hover {
  z-index: 1;
  border-color: #2A8EFE;
}
.blue-theme-input-readonly {
  color: rgba(0, 0, 0, 0.5);
  border-color: rgba(0, 0, 0, 0.12);
}
.blue-theme-input-disabled {
  background-color: rgba(0, 0, 0, 0.04);
  color: rgba(0, 0, 0, 0.25);
  border-color: rgba(0, 0, 0, 0.12);
  cursor: not-allowed;
}
.blue-theme-input-disabled .blue-theme-input {
  cursor: not-allowed;
}
.blue-theme-input-disabled .blue-theme-input-prefix-inner,
.blue-theme-input-disabled .blue-theme-input-suffix-inner {
  color: rgba(0, 0, 0, 0.35);
}
.blue-theme-input-error {
  border-color: #f5483b;
}
.blue-theme-input-error .status-icon {
  color: #f5483b;
  margin-left: 4px;
}
.blue-theme-input-success {
  border-color: #00ba73;
}
.blue-theme-input-success .status-icon {
  color: #00ba73;
  margin-left: 4px;
}
.blue-theme-input-warning {
  border-color: #ff9d00;
}
.blue-theme-input-warning .status-icon {
  color: #ff9d00;
  margin-left: 4px;
}
.blue-theme-input-wrapper {
  width: 180px;
  height: 32px;
  font-size: 14px;
  padding: 0 8px;
}
.blue-theme-input-wrapper .blue-theme-input-prefix-inner {
  font-size: 16px;
}
.blue-theme-input-wrapper .blue-theme-input-suffix-inner {
  font-size: 16px;
}
.blue-theme-input-wrapper.blue-theme-input-group > .blue-theme-input {
  padding: 0 8px;
}
.blue-theme-input-small {
  width: 160px;
  height: 24px;
  font-size: 12px;
  padding: 0 8px;
  border-radius: 4px;
}
.blue-theme-input-small .blue-theme-input-prefix-inner {
  font-size: 14px;
}
.blue-theme-input-small .blue-theme-input-suffix-inner {
  font-size: 14px;
}
.blue-theme-input-small.blue-theme-input-group > .blue-theme-input {
  padding: 0 8px;
}
.blue-theme-input-large {
  width: 200px;
  height: 40px;
  font-size: 16px;
  padding: 0 12px;
}
.blue-theme-input-large .blue-theme-input-prefix-inner {
  font-size: 18px;
}
.blue-theme-input-large .blue-theme-input-suffix-inner {
  font-size: 18px;
}
.blue-theme-input-large.blue-theme-input-group > .blue-theme-input {
  padding: 0 12px;
}
.blue-theme-input-line {
  background-color: transparent;
  border-width: 0;
  border-bottom-width: 1px;
  border-radius: 0;
}
.blue-theme-input-line.blue-theme-input-wrapper {
  padding-left: 0;
  padding-right: 0;
}
.blue-theme-input-area {
  color: rgba(0, 0, 0, 0.9);
  background-color: rgba(0, 0, 0, 0.04);
  border: 1px solid transparent;
}
.blue-theme-input-area ::placeholder {
  color: rgba(0, 0, 0, 0.25);
}
.blue-theme-input-area.blue-theme-input-hover {
  background-color: rgba(0, 0, 0, 0.06);
}
.blue-theme-input-area.blue-theme-input-focused {
  background-color: #fff;
  border-color: #0A70F5;
}
.blue-theme-input-area.blue-theme-input-disabled {
  color: rgba(0, 0, 0, 0.25);
  background: rgba(0, 0, 0, 0.04);
}
.blue-theme-input-area.blue-theme-input-readonly {
  color: rgba(0, 0, 0, 0.5);
  background-color: rgba(0, 0, 0, 0.04);
}
.blue-theme-input-area.blue-theme-input-error {
  background-color: rgba(245, 72, 59, 0.05);
}
.blue-theme-input-area.blue-theme-input-success {
  background-color: rgba(0, 186, 115, 0.05);
}
.blue-theme-input-area.blue-theme-input-warning {
  background-color: rgba(255, 157, 0, 0.05);
}
.blue-theme-input-pre {
  position: absolute;
  visibility: hidden;
  white-space: pre;
  display: block;
}

/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
/**
* 基础变量
* 参见: https://km.sankuai.com/page/147289627
**/
/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
.blue-theme-input-group {
  position: relative;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
  border: none;
}
.blue-theme-input-group-compact {
  display: flex;
  align-items: stretch;
}
.blue-theme-input-group-compact > *:not(:last-child) {
  margin-right: -1px;
}
.blue-theme-input-group > *,
.blue-theme-input-group .blue-theme-input,
.blue-theme-input-group .blue-theme-input-wrapper,
.blue-theme-input-group .blue-theme-input-number,
.blue-theme-input-group .blue-theme-input-number-wrapper,
.blue-theme-input-group .blue-theme-input-group :first-child,
.blue-theme-input-group .blue-theme-input-group :last-child {
  border-radius: 0;
}
.blue-theme-input-group > :first-child,
.blue-theme-input-group > :first-child .blue-theme-input-wrapper,
.blue-theme-input-group .blue-theme-input-group:first-child > :first-child {
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
}
.blue-theme-input-group > :last-child,
.blue-theme-input-group > :last-child .blue-theme-input-wrapper,
.blue-theme-input-group .blue-theme-input-group:last-child > :last-child {
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
}
.blue-theme-input-group > .blue-theme-input {
  border-width: 1px;
}
.blue-theme-input-group.blue-theme-input-error > .blue-theme-input {
  border-color: #f5483b;
}
.blue-theme-input-group.blue-theme-input-error > .blue-theme-input .status-icon {
  color: #f5483b;
  margin-left: 4px;
}
.blue-theme-input-group.blue-theme-input-success > .blue-theme-input {
  border-color: #00ba73;
}
.blue-theme-input-group.blue-theme-input-success > .blue-theme-input .status-icon {
  color: #00ba73;
  margin-left: 4px;
}
.blue-theme-input-group.blue-theme-input-warning > .blue-theme-input {
  border-color: #ff9d00;
}
.blue-theme-input-group.blue-theme-input-warning > .blue-theme-input .status-icon {
  color: #ff9d00;
  margin-left: 4px;
}
.blue-theme-input-group-prepend, .blue-theme-input-group-append {
  display: inline-flex;
  align-items: center;
  flex: 0 0 auto;
  line-height: 1.5;
  padding: 0 8px;
  background-color: #f5f5f5;
  white-space: nowrap;
  border: 1px solid rgba(0, 0, 0, 0.12);
}
.blue-theme-input-group-prepend .blue-theme-select, .blue-theme-input-group-append .blue-theme-select {
  margin: -1px -9px;
}
.blue-theme-input-group-prepend .blue-theme-input-wrapper, .blue-theme-input-group-append .blue-theme-input-wrapper {
  border-color: transparent;
  background-color: transparent;
}
.blue-theme-input-group-prepend .blue-theme-input-hover, .blue-theme-input-group-append .blue-theme-input-hover {
  border-color: #2A8EFE;
}
.blue-theme-input-group-prepend .blue-theme-input-focused, .blue-theme-input-group-append .blue-theme-input-focused {
  border-color: #0A70F5;
}
.blue-theme-input-group-prepend {
  border-right: none;
}
.blue-theme-input-group-append {
  border-left: none;
}
.blue-theme-input-group[class*=col-] {
  float: none;
  padding-right: 0;
  padding-left: 0;
}
.blue-theme-input-group > [class*=col-] {
  padding-right: 8px;
}
.blue-theme-input-group > [class*=col-]:last-child {
  padding-right: 0;
}

/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
/**
* 基础变量
* 参见: https://km.sankuai.com/page/147289627
**/
/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
.blue-theme-checkbox {
  color: rgba(0, 0, 0, 0.9);
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  vertical-align: middle;
  font-size: 0;
}
.blue-theme-checkbox:before {
  content: " ";
  display: inline-block;
  width: 0;
  height: 100%;
  vertical-align: middle;
}
.blue-theme-checkbox + .blue-theme-checkbox {
  margin-left: 32px;
}
.blue-theme-checkbox-inner {
  color: rgba(0, 0, 0, 0.2);
  display: inline-flex;
  align-items: center;
  vertical-align: middle;
  width: 1em;
  height: 1em;
  border: 1px solid currentColor;
  border-radius: 4px;
  background-color: #fff;
  position: relative;
  transition: background-color 0.3s, color 0.3s;
  flex: 0 0 auto;
}
.blue-theme-checkbox-inner .blue-theme-icon {
  position: relative;
  left: -1px;
  color: transparent;
}
.blue-theme-checkbox-indeterminate .blue-theme-checkbox-inner, .blue-theme-checkbox-checked .blue-theme-checkbox-inner {
  background-color: #0A70F5;
  color: #0A70F5;
}
.blue-theme-checkbox-indeterminate .blue-theme-checkbox-inner i, .blue-theme-checkbox-checked .blue-theme-checkbox-inner i {
  color: #fff;
}
.blue-theme-checkbox-indeterminate-inner {
  height: 4px;
  position: absolute;
  z-index: 1;
  left: 2px;
  right: 2px;
  transform: scale(1, 0.5);
  background-color: currentColor;
  border-radius: 1px;
}
.blue-theme-checkbox-text {
  vertical-align: middle;
  margin-left: 8px;
}
.blue-theme-checkbox:not(.blue-theme-checkbox-disabled):hover, .blue-theme-checkbox:not(.blue-theme-checkbox-disabled).hover {
  color: rgba(0, 0, 0, 0.7);
}
.blue-theme-checkbox:not(.blue-theme-checkbox-disabled):hover .blue-theme-checkbox-inner, .blue-theme-checkbox:not(.blue-theme-checkbox-disabled).hover .blue-theme-checkbox-inner {
  color: #0A70F5;
}
.blue-theme-checkbox-checked .blue-theme-checkbox-inner, .blue-theme-checkbox-indeterminate .blue-theme-checkbox-inner {
  color: #0A70F5;
}
.blue-theme-checkbox-disabled {
  color: rgba(0, 0, 0, 0.25);
  cursor: not-allowed;
}
.blue-theme-checkbox-disabled .blue-theme-checkbox-inner {
  background-color: rgba(0, 0, 0, 0.04);
  color: rgba(0, 0, 0, 0.12);
}
.blue-theme-checkbox-disabled .blue-theme-checkbox-inner i {
  color: rgba(0, 0, 0, 0.12);
}
.blue-theme-checkbox .blue-theme-checkbox-text {
  font-size: 14px;
}
.blue-theme-checkbox .blue-theme-checkbox-inner {
  font-size: 16px;
}
.blue-theme-checkbox .blue-theme-checkbox-inner .blue-theme-icon {
  font-size: 16px;
}
.blue-theme-checkbox .blue-theme-checkbox-indeterminate-inner {
  top: 5px;
}
.blue-theme-checkbox-large .blue-theme-checkbox-text {
  font-size: 16px;
}
.blue-theme-checkbox-large .blue-theme-checkbox-inner {
  font-size: 18px;
}
.blue-theme-checkbox-large .blue-theme-checkbox-inner .blue-theme-icon {
  font-size: 18px;
}
.blue-theme-checkbox-large .blue-theme-checkbox-indeterminate-inner {
  top: 6px;
}
.blue-theme-checkbox-large .blue-theme-checkbox-text {
  margin-left: 8px;
}
.blue-theme-checkbox-small .blue-theme-checkbox-text {
  font-size: 12px;
}
.blue-theme-checkbox-small .blue-theme-checkbox-inner {
  font-size: 14px;
}
.blue-theme-checkbox-small .blue-theme-checkbox-inner .blue-theme-icon {
  font-size: 14px;
}
.blue-theme-checkbox-small .blue-theme-checkbox-indeterminate-inner {
  top: 4px;
}
.blue-theme-checkbox-small .blue-theme-checkbox-text {
  margin-left: 4px;
}

/* @import "./dropdown-menu.scss";
@import "./dropdown-menu-item.scss"; */
/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
/**
* 基础变量
* 参见: https://km.sankuai.com/page/147289627
**/
/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
.blue-theme-multiple-select-choices {
  text-align: left;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}

.blue-theme-select-placeholder {
  position: absolute;
  z-index: 1;
  top: 0;
  bottom: 0;
  max-width: 100%;
  min-width: 0;
  display: flex;
  align-items: center;
  text-align: left;
  color: rgba(0, 0, 0, 0.24);
}
.blue-theme-select-placeholder > span {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  flex-wrap: wrap;
}

.blue-theme-select-choices {
  overflow: hidden;
}

.blue-theme-select-search-field {
  max-width: 100%;
}

.blue-theme-select-search-line {
  max-width: 100%;
  min-width: 10px;
}

.blue-theme-select-multiple-input {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  min-width: 0;
  min-height: 32px;
  height: 100%;
  min-height: 32px;
}
.blue-theme-select-multiple-input .blue-theme-select-placeholder,
.blue-theme-select-multiple-input .blue-theme-select-search-field {
  min-height: 30px;
  line-height: 30px;
}
.blue-theme-select-multiple-input .blue-theme-select-choice .blue-theme-select-search-field,
.blue-theme-select-multiple-input .blue-theme-select-tags-li {
  line-height: 30px;
}
.blue-theme-select-multiple-input .blue-theme-tag {
  margin-left: 3px;
  margin-top: 3px;
  margin-bottom: 3px;
}
.blue-theme-select-multiple-input.blue-theme-multiple-has-value {
  padding-left: 0;
}
.blue-theme-select-multiple-input .blue-theme-input-suffix-inner {
  transform: translateY(16px) translateY(-55%);
}
.blue-theme-select-multiple-input.blue-theme-input-small {
  min-height: 24px;
}
.blue-theme-select-multiple-input.blue-theme-input-small .blue-theme-select-placeholder,
.blue-theme-select-multiple-input.blue-theme-input-small .blue-theme-select-search-field {
  min-height: 22px;
  line-height: 22px;
}
.blue-theme-select-multiple-input.blue-theme-input-small .blue-theme-select-choice .blue-theme-select-search-field,
.blue-theme-select-multiple-input.blue-theme-input-small .blue-theme-select-tags-li {
  line-height: 22px;
}
.blue-theme-select-multiple-input.blue-theme-input-small .blue-theme-tag {
  margin-left: 1px;
  margin-top: 1px;
  margin-bottom: 1px;
}
.blue-theme-select-multiple-input.blue-theme-input-small.blue-theme-multiple-has-value {
  padding-left: 0;
}
.blue-theme-select-multiple-input.blue-theme-input-small .blue-theme-input-suffix-inner {
  transform: translateY(12px) translateY(-55%);
}
.blue-theme-select-multiple-input.blue-theme-input-large {
  min-height: 40px;
}
.blue-theme-select-multiple-input.blue-theme-input-large .blue-theme-select-placeholder,
.blue-theme-select-multiple-input.blue-theme-input-large .blue-theme-select-search-field {
  min-height: 38px;
  line-height: 38px;
}
.blue-theme-select-multiple-input.blue-theme-input-large .blue-theme-select-choice .blue-theme-select-search-field,
.blue-theme-select-multiple-input.blue-theme-input-large .blue-theme-select-tags-li {
  line-height: 38px;
}
.blue-theme-select-multiple-input.blue-theme-input-large .blue-theme-tag {
  margin-left: 3px;
  margin-top: 3px;
  margin-bottom: 3px;
}
.blue-theme-select-multiple-input.blue-theme-input-large.blue-theme-multiple-has-value {
  padding-left: 0;
}
.blue-theme-select-multiple-input.blue-theme-input-large .blue-theme-input-suffix-inner {
  transform: translateY(20px) translateY(-55%);
}

.blue-theme-select-multiple-mirror {
  position: absolute;
  z-index: 1;
  visibility: hidden;
  z-index: -1;
  white-space: pre;
  top: 0;
  left: 0;
}

.blue-theme-select-tags-popper {
  padding: 2px !important;
}
.blue-theme-select-tags-popper > div {
  max-height: 40vh;
  overflow: auto;
}
.blue-theme-select-tags-popper .blue-theme-select-choice {
  overflow: hidden;
  margin: 2px;
}
.blue-theme-select-tags-popper .blue-theme-select-choice .blue-theme-tag {
  max-width: none;
  height: auto;
  overflow: unset;
  text-overflow: unset;
  white-space: unset;
}
.blue-theme-select-tags-popper .blue-theme-select-choice .blue-theme-tag-content {
  display: inline-block;
  overflow: unset;
  text-overflow: unset;
  white-space: unset;
}
.blue-theme-select-tags-popper .blue-theme-select-tags-ul {
  margin: 4px 8px;
}

.blue-theme-select-multiple-input-test {
  opacity: 0;
  height: 40px;
  width: 5000px;
  position: fixed;
  top: -500px;
  display: flex;
}

.blue-theme-select {
  position: relative;
  display: inline-block;
  vertical-align: top;
  width: 180px;
  text-align: left;
  cursor: pointer;
  /* .blue-theme-input-suffix-inner {

    >.blue-theme-icon-down,
    >.blue-theme-icon-down-thick {
      display: inline-block;
      transition: transform 0.3s;
      transform: rotate(0deg);

      &.blue-theme-icon-down-reverse {
        transform: rotate(180deg);
      }
    }
  } */
  /* &-choices {
    margin: $s-1 0;
  } */
  /*   &-tags-li {
    float: right;
    line-height: $input-height - 2px;
    font-size: $font-size-1;
    color: $select-tags-text-color;
    text-align: left;
  } */
}
.blue-theme-select .blue-theme-input-wrapper {
  width: 100%;
  vertical-align: top;
}
.blue-theme-select .blue-theme-input {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  cursor: pointer;
}
.blue-theme-select .blue-theme-input-readonly {
  background-color: white;
}
.blue-theme-select input {
  font-size: 14px;
}
.blue-theme-select-large {
  width: 200px;
}
.blue-theme-select-large input {
  font-size: 16px;
}
.blue-theme-select-large .blue-theme-select-tags .blue-theme-input-suffix-inner {
  width: 40px;
  line-height: 40px;
  font-size: 18px;
}
.blue-theme-select-large .blue-theme-tag-large {
  height: 32px;
  line-height: 30px;
}
.blue-theme-select-small {
  width: 160px;
}
.blue-theme-select-small input {
  font-size: 12px;
}
.blue-theme-select-small .blue-theme-select-tags .blue-theme-input-suffix-inner {
  width: 24px;
  line-height: 24px;
  font-size: 14px;
}
.blue-theme-select-disabled,
.blue-theme-select .blue-theme-input-disabled,
.blue-theme-select .blue-theme-input-disabled .blue-theme-input {
  cursor: not-allowed;
}
.blue-theme-select-search-focus {
  /* .blue-theme-input-suffix-inner {

    >.blue-theme-icon-down,
    >.blue-theme-icon-down-thick {
      transform: rotate(180deg);
    }
  } */
}
.blue-theme-select-search-focus .blue-theme-input-wrapper {
  border-color: #0A70F5;
}
.blue-theme-select-group-wrap {
  position: relative;
  list-style: none;
  margin: 0;
  padding: 0;
  margin-top: 8px;
}
.blue-theme-select-group-title {
  font-size: 12px;
  line-height: 24px;
  color: rgba(0, 0, 0, 0.35);
  letter-spacing: 0;
  margin-bottom: 4px;
  padding: 0 12px;
}
.blue-theme-select-group {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.blue-theme-select-selected-check {
  float: right;
  line-height: inherit;
  color: inherit;
}
.blue-theme-select-dropdown-empty, .blue-theme-select-dropdown-loading {
  text-align: center;
  color: rgba(0, 0, 0, 0.35);
}
.blue-theme-select-multiple {
  border: 1px solid rgba(0, 0, 0, 0.12);
  border-radius: 6px;
}
.blue-theme-select-multiple-input {
  padding-left: 8px;
  padding-right: 8px;
}
.blue-theme-select-multiple-input .blue-theme-tag-content {
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.blue-theme-select-multiple-line {
  border-width: 0;
  border-bottom-width: 1px;
}
.blue-theme-select-multiple-invalid {
  border-color: #f5483b;
}
.blue-theme-select-multiple-focus {
  border-color: #0A70F5;
}
.blue-theme-select-multiple .blue-theme-select-input {
  position: absolute;
  z-index: 1;
  z-index: 0;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  max-width: 100%;
  line-height: 1;
}
.blue-theme-select-multiple .blue-theme-select-input .blue-theme-input {
  border: none;
}
.blue-theme-select-tags {
  padding-left: 4px;
  padding-right: 32px;
  position: relative;
  z-index: 2;
}
.blue-theme-select-tags-text {
  line-height: 30px;
  font-size: 12px;
  color: rgba(0, 0, 0, 0.2);
  text-align: left;
  margin-left: 2px;
}
.blue-theme-select-tags-ul {
  list-style: none;
  padding: 0;
  margin: 0;
  overflow: hidden;
  max-width: 100%;
  max-height: 300px;
  overflow-y: auto;
}
.blue-theme-select-search-line {
  display: inline-block;
  line-height: 1;
}
.blue-theme-select-choice {
  display: flex;
  align-items: center;
  float: left;
  font-size: 0;
  max-width: 100%;
}
.blue-theme-select-search-field-wrap {
  display: inline-block;
}
.blue-theme-select-search-field {
  line-height: 30px;
  border: none;
  outline: none;
  padding: 0;
  margin: 0;
  background-color: transparent;
}
.blue-theme-select-tags .blue-theme-input-suffix-inner {
  width: 32px;
  line-height: 32px;
  font-size: 16px;
}
.blue-theme-select-no-matched, .blue-theme-select-loading, .blue-theme-select-empty {
  padding: 4px;
  height: 100px;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.35);
  letter-spacing: 0;
  line-height: 22px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.blue-theme-select-allow-create {
  cursor: pointer;
  text-decoration: none;
}
.blue-theme-select .blue-theme-select-input-readonly {
  background-color: inherit;
  color: inherit;
}

/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
/**
* 基础变量
* 参见: https://km.sankuai.com/page/147289627
**/
/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
.blue-theme-multiple-select-choices {
  text-align: left;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}

.blue-theme-select-placeholder {
  position: absolute;
  z-index: 1;
  top: 0;
  bottom: 0;
  max-width: 100%;
  min-width: 0;
  display: flex;
  align-items: center;
  text-align: left;
  color: rgba(0, 0, 0, 0.24);
}
.blue-theme-select-placeholder > span {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  flex-wrap: wrap;
}

.blue-theme-select-choices {
  overflow: hidden;
}

.blue-theme-select-search-field {
  max-width: 100%;
}

.blue-theme-select-search-line {
  max-width: 100%;
  min-width: 10px;
}

.blue-theme-select-multiple-input {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  min-width: 0;
  min-height: 32px;
  height: 100%;
  min-height: 32px;
}
.blue-theme-select-multiple-input .blue-theme-select-placeholder,
.blue-theme-select-multiple-input .blue-theme-select-search-field {
  min-height: 30px;
  line-height: 30px;
}
.blue-theme-select-multiple-input .blue-theme-select-choice .blue-theme-select-search-field,
.blue-theme-select-multiple-input .blue-theme-select-tags-li {
  line-height: 30px;
}
.blue-theme-select-multiple-input .blue-theme-tag {
  margin-left: 3px;
  margin-top: 3px;
  margin-bottom: 3px;
}
.blue-theme-select-multiple-input.blue-theme-multiple-has-value {
  padding-left: 0;
}
.blue-theme-select-multiple-input .blue-theme-input-suffix-inner {
  transform: translateY(16px) translateY(-55%);
}
.blue-theme-select-multiple-input.blue-theme-input-small {
  min-height: 24px;
}
.blue-theme-select-multiple-input.blue-theme-input-small .blue-theme-select-placeholder,
.blue-theme-select-multiple-input.blue-theme-input-small .blue-theme-select-search-field {
  min-height: 22px;
  line-height: 22px;
}
.blue-theme-select-multiple-input.blue-theme-input-small .blue-theme-select-choice .blue-theme-select-search-field,
.blue-theme-select-multiple-input.blue-theme-input-small .blue-theme-select-tags-li {
  line-height: 22px;
}
.blue-theme-select-multiple-input.blue-theme-input-small .blue-theme-tag {
  margin-left: 1px;
  margin-top: 1px;
  margin-bottom: 1px;
}
.blue-theme-select-multiple-input.blue-theme-input-small.blue-theme-multiple-has-value {
  padding-left: 0;
}
.blue-theme-select-multiple-input.blue-theme-input-small .blue-theme-input-suffix-inner {
  transform: translateY(12px) translateY(-55%);
}
.blue-theme-select-multiple-input.blue-theme-input-large {
  min-height: 40px;
}
.blue-theme-select-multiple-input.blue-theme-input-large .blue-theme-select-placeholder,
.blue-theme-select-multiple-input.blue-theme-input-large .blue-theme-select-search-field {
  min-height: 38px;
  line-height: 38px;
}
.blue-theme-select-multiple-input.blue-theme-input-large .blue-theme-select-choice .blue-theme-select-search-field,
.blue-theme-select-multiple-input.blue-theme-input-large .blue-theme-select-tags-li {
  line-height: 38px;
}
.blue-theme-select-multiple-input.blue-theme-input-large .blue-theme-tag {
  margin-left: 3px;
  margin-top: 3px;
  margin-bottom: 3px;
}
.blue-theme-select-multiple-input.blue-theme-input-large.blue-theme-multiple-has-value {
  padding-left: 0;
}
.blue-theme-select-multiple-input.blue-theme-input-large .blue-theme-input-suffix-inner {
  transform: translateY(20px) translateY(-55%);
}

.blue-theme-select-multiple-mirror {
  position: absolute;
  z-index: 1;
  visibility: hidden;
  z-index: -1;
  white-space: pre;
  top: 0;
  left: 0;
}

.blue-theme-select-tags-popper {
  padding: 2px !important;
}
.blue-theme-select-tags-popper > div {
  max-height: 40vh;
  overflow: auto;
}
.blue-theme-select-tags-popper .blue-theme-select-choice {
  overflow: hidden;
  margin: 2px;
}
.blue-theme-select-tags-popper .blue-theme-select-choice .blue-theme-tag {
  max-width: none;
  height: auto;
  overflow: unset;
  text-overflow: unset;
  white-space: unset;
}
.blue-theme-select-tags-popper .blue-theme-select-choice .blue-theme-tag-content {
  display: inline-block;
  overflow: unset;
  text-overflow: unset;
  white-space: unset;
}
.blue-theme-select-tags-popper .blue-theme-select-tags-ul {
  margin: 4px 8px;
}

.blue-theme-select-multiple-input-test {
  opacity: 0;
  height: 40px;
  width: 5000px;
  position: fixed;
  top: -500px;
  display: flex;
}

/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
/**
* 基础变量
* 参见: https://km.sankuai.com/page/147289627
**/
/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
.blue-theme-dropdown {
  display: inline-block;
  vertical-align: middle;
}
.blue-theme-dropdown-popper {
  box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.1);
}
.blue-theme-dropdown .blue-theme-icon-down,
.blue-theme-dropdown .blue-theme-icon-down-thick {
  color: rgba(0, 0, 0, 0.35);
  transform: rotate(0deg);
  transition: transform 0.3s linear;
}
.blue-theme-dropdown-expended .blue-theme-icon-down,
.blue-theme-dropdown-expended .blue-theme-icon-down-thick {
  transform: rotate(180deg);
}

/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
/**
* 基础变量
* 参见: https://km.sankuai.com/page/147289627
**/
/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
.blue-theme-dropdown-menu {
  list-style-type: none;
  margin: 0;
  padding: 4px 0;
  overflow: auto;
  border-radius: 6px;
  border: 1px solid rgba(0, 0, 0, 0.04);
  max-height: 300px;
  min-width: 128px;
  font-size: 14px;
}
.blue-theme-dropdown-menu-small {
  max-height: 300px;
  min-width: 128px;
  font-size: 12px;
}
.blue-theme-dropdown-menu-small .blue-theme-dropdown-menu-item {
  line-height: 28px;
  padding: 0px 12px;
}
.blue-theme-dropdown-menu-large {
  max-height: 300px;
  min-width: 128px;
  font-size: 16px;
}
.blue-theme-dropdown-menu-large .blue-theme-dropdown-menu-item {
  line-height: 44px;
  padding: 0px 12px;
}
.blue-theme-dropdown-menu-item-group:not(:first-child) {
  margin-top: 8px;
}
.blue-theme-dropdown-menu-item-group-title {
  font-size: 12px;
  line-height: 24px;
  color: rgba(0, 0, 0, 0.35);
  letter-spacing: 0;
  padding: 0 8px;
}
.blue-theme-dropdown-menu-cascader {
  box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.1);
}

/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
/**
* 基础变量
* 参见: https://km.sankuai.com/page/147289627
**/
/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
.blue-theme-dropdown-menu-item {
  margin: 0 4px;
  line-height: 36px;
  padding: 0px 8px;
  text-align: left;
  cursor: pointer;
  color: rgba(0, 0, 0, 0.9);
  transition: all 0.3s;
}
.blue-theme-dropdown-menu-item:hover, .blue-theme-dropdown-menu-item.hover {
  background-color: rgba(0, 0, 0, 0.04);
  color: rgba(0, 0, 0, 0.9);
  border-radius: 4px;
}
.blue-theme-dropdown-menu-item-selected {
  background-color: #EFF8FF;
  font-weight: 600;
  color: rgba(0, 0, 0, 0.9);
  border-radius: 4px;
}
.blue-theme-dropdown-menu-item-selected:hover, .blue-theme-dropdown-menu-item-selected.hover {
  color: rgba(0, 0, 0, 0.9);
  background-color: #EFF8FF;
}
.blue-theme-dropdown-menu-item-disabled {
  cursor: not-allowed;
  color: rgba(0, 0, 0, 0.25);
}
.blue-theme-dropdown-menu-item-disabled:hover {
  background-color: transparent;
  color: rgba(0, 0, 0, 0.25);
}
.blue-theme-dropdown-menu-item-icon {
  margin: 0 4px;
  font-size: 16px;
}
.blue-theme-dropdown-menu-item > .blue-theme-checkbox {
  vertical-align: top;
}

/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
/**
* 基础变量
* 参见: https://km.sankuai.com/page/147289627
**/
/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
/**
* 基础变量
* 参见: https://km.sankuai.com/page/147289627
**/
/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
.blue-theme-input {
  font-size: inherit;
  display: block;
  width: 100%;
  height: 100%;
  color: currentColor;
  padding: 0;
  background: transparent;
  border: 0 solid rgba(0, 0, 0, 0.12);
  border-radius: 0;
  flex: 1 1 0;
}
.blue-theme-input:hover {
  border-color: #2A8EFE;
}
.blue-theme-input:focus {
  border-color: #0A70F5;
  outline: none;
}
.blue-theme-input-wrapper {
  display: inline-flex;
  align-items: stretch;
  position: relative;
  color: rgba(0, 0, 0, 0.9);
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.12);
  border-radius: 6px;
}
.blue-theme-input-clear {
  cursor: pointer;
}
.blue-theme-input-prefix-inner, .blue-theme-input-suffix-inner {
  color: rgba(0, 0, 0, 0.5);
  display: inline-flex;
  align-items: center;
  flex: 0 0 auto;
}
.blue-theme-input-prefix-inner:hover, .blue-theme-input-suffix-inner:hover {
  color: rgba(0, 0, 0, 0.7);
}
.blue-theme-input-prefix-inner > i, .blue-theme-input-suffix-inner > i {
  flex: 0 0 auto;
}
.blue-theme-input-prefix-inner .blue-theme-icon-loading, .blue-theme-input-suffix-inner .blue-theme-icon-loading {
  color: rgba(0, 0, 0, 0.35);
}
.blue-theme-input-prefix-inner .blue-theme-icon-loading:hover, .blue-theme-input-suffix-inner .blue-theme-icon-loading:hover {
  color: rgba(0, 0, 0, 0.35);
}
.blue-theme-input-prefix-inner {
  margin-right: 4px;
}
.blue-theme-input-suffix-inner {
  margin-left: 4px;
}
.blue-theme-input-count {
  color: rgba(0, 0, 0, 0.5);
  font-size: 12px;
  margin-left: 4px;
}
.blue-theme-input-focused {
  border-color: #0A70F5;
  z-index: 1;
}
.blue-theme-input-hover {
  z-index: 1;
  border-color: #2A8EFE;
}
.blue-theme-input-readonly {
  color: rgba(0, 0, 0, 0.5);
  border-color: rgba(0, 0, 0, 0.12);
}
.blue-theme-input-disabled {
  background-color: rgba(0, 0, 0, 0.04);
  color: rgba(0, 0, 0, 0.25);
  border-color: rgba(0, 0, 0, 0.12);
  cursor: not-allowed;
}
.blue-theme-input-disabled .blue-theme-input {
  cursor: not-allowed;
}
.blue-theme-input-disabled .blue-theme-input-prefix-inner,
.blue-theme-input-disabled .blue-theme-input-suffix-inner {
  color: rgba(0, 0, 0, 0.35);
}
.blue-theme-input-error {
  border-color: #f5483b;
}
.blue-theme-input-error .status-icon {
  color: #f5483b;
  margin-left: 4px;
}
.blue-theme-input-success {
  border-color: #00ba73;
}
.blue-theme-input-success .status-icon {
  color: #00ba73;
  margin-left: 4px;
}
.blue-theme-input-warning {
  border-color: #ff9d00;
}
.blue-theme-input-warning .status-icon {
  color: #ff9d00;
  margin-left: 4px;
}
.blue-theme-input-wrapper {
  width: 180px;
  height: 32px;
  font-size: 14px;
  padding: 0 8px;
}
.blue-theme-input-wrapper .blue-theme-input-prefix-inner {
  font-size: 16px;
}
.blue-theme-input-wrapper .blue-theme-input-suffix-inner {
  font-size: 16px;
}
.blue-theme-input-wrapper.blue-theme-input-group > .blue-theme-input {
  padding: 0 8px;
}
.blue-theme-input-small {
  width: 160px;
  height: 24px;
  font-size: 12px;
  padding: 0 8px;
  border-radius: 4px;
}
.blue-theme-input-small .blue-theme-input-prefix-inner {
  font-size: 14px;
}
.blue-theme-input-small .blue-theme-input-suffix-inner {
  font-size: 14px;
}
.blue-theme-input-small.blue-theme-input-group > .blue-theme-input {
  padding: 0 8px;
}
.blue-theme-input-large {
  width: 200px;
  height: 40px;
  font-size: 16px;
  padding: 0 12px;
}
.blue-theme-input-large .blue-theme-input-prefix-inner {
  font-size: 18px;
}
.blue-theme-input-large .blue-theme-input-suffix-inner {
  font-size: 18px;
}
.blue-theme-input-large.blue-theme-input-group > .blue-theme-input {
  padding: 0 12px;
}
.blue-theme-input-line {
  background-color: transparent;
  border-width: 0;
  border-bottom-width: 1px;
  border-radius: 0;
}
.blue-theme-input-line.blue-theme-input-wrapper {
  padding-left: 0;
  padding-right: 0;
}
.blue-theme-input-area {
  color: rgba(0, 0, 0, 0.9);
  background-color: rgba(0, 0, 0, 0.04);
  border: 1px solid transparent;
}
.blue-theme-input-area ::placeholder {
  color: rgba(0, 0, 0, 0.25);
}
.blue-theme-input-area.blue-theme-input-hover {
  background-color: rgba(0, 0, 0, 0.06);
}
.blue-theme-input-area.blue-theme-input-focused {
  background-color: #fff;
  border-color: #0A70F5;
}
.blue-theme-input-area.blue-theme-input-disabled {
  color: rgba(0, 0, 0, 0.25);
  background: rgba(0, 0, 0, 0.04);
}
.blue-theme-input-area.blue-theme-input-readonly {
  color: rgba(0, 0, 0, 0.5);
  background-color: rgba(0, 0, 0, 0.04);
}
.blue-theme-input-area.blue-theme-input-error {
  background-color: rgba(245, 72, 59, 0.05);
}
.blue-theme-input-area.blue-theme-input-success {
  background-color: rgba(0, 186, 115, 0.05);
}
.blue-theme-input-area.blue-theme-input-warning {
  background-color: rgba(255, 157, 0, 0.05);
}
.blue-theme-input-pre {
  position: absolute;
  visibility: hidden;
  white-space: pre;
  display: block;
}

/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
/**
* 基础变量
* 参见: https://km.sankuai.com/page/147289627
**/
/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
.blue-theme-input-group {
  position: relative;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
  border: none;
}
.blue-theme-input-group-compact {
  display: flex;
  align-items: stretch;
}
.blue-theme-input-group-compact > *:not(:last-child) {
  margin-right: -1px;
}
.blue-theme-input-group > *,
.blue-theme-input-group .blue-theme-input,
.blue-theme-input-group .blue-theme-input-wrapper,
.blue-theme-input-group .blue-theme-input-number,
.blue-theme-input-group .blue-theme-input-number-wrapper,
.blue-theme-input-group .blue-theme-input-group :first-child,
.blue-theme-input-group .blue-theme-input-group :last-child {
  border-radius: 0;
}
.blue-theme-input-group > :first-child,
.blue-theme-input-group > :first-child .blue-theme-input-wrapper,
.blue-theme-input-group .blue-theme-input-group:first-child > :first-child {
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
}
.blue-theme-input-group > :last-child,
.blue-theme-input-group > :last-child .blue-theme-input-wrapper,
.blue-theme-input-group .blue-theme-input-group:last-child > :last-child {
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
}
.blue-theme-input-group > .blue-theme-input {
  border-width: 1px;
}
.blue-theme-input-group.blue-theme-input-error > .blue-theme-input {
  border-color: #f5483b;
}
.blue-theme-input-group.blue-theme-input-error > .blue-theme-input .status-icon {
  color: #f5483b;
  margin-left: 4px;
}
.blue-theme-input-group.blue-theme-input-success > .blue-theme-input {
  border-color: #00ba73;
}
.blue-theme-input-group.blue-theme-input-success > .blue-theme-input .status-icon {
  color: #00ba73;
  margin-left: 4px;
}
.blue-theme-input-group.blue-theme-input-warning > .blue-theme-input {
  border-color: #ff9d00;
}
.blue-theme-input-group.blue-theme-input-warning > .blue-theme-input .status-icon {
  color: #ff9d00;
  margin-left: 4px;
}
.blue-theme-input-group-prepend, .blue-theme-input-group-append {
  display: inline-flex;
  align-items: center;
  flex: 0 0 auto;
  line-height: 1.5;
  padding: 0 8px;
  background-color: #f5f5f5;
  white-space: nowrap;
  border: 1px solid rgba(0, 0, 0, 0.12);
}
.blue-theme-input-group-prepend .blue-theme-select, .blue-theme-input-group-append .blue-theme-select {
  margin: -1px -9px;
}
.blue-theme-input-group-prepend .blue-theme-input-wrapper, .blue-theme-input-group-append .blue-theme-input-wrapper {
  border-color: transparent;
  background-color: transparent;
}
.blue-theme-input-group-prepend .blue-theme-input-hover, .blue-theme-input-group-append .blue-theme-input-hover {
  border-color: #2A8EFE;
}
.blue-theme-input-group-prepend .blue-theme-input-focused, .blue-theme-input-group-append .blue-theme-input-focused {
  border-color: #0A70F5;
}
.blue-theme-input-group-prepend {
  border-right: none;
}
.blue-theme-input-group-append {
  border-left: none;
}
.blue-theme-input-group[class*=col-] {
  float: none;
  padding-right: 0;
  padding-left: 0;
}
.blue-theme-input-group > [class*=col-] {
  padding-right: 8px;
}
.blue-theme-input-group > [class*=col-]:last-child {
  padding-right: 0;
}

/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
/**
* 基础变量
* 参见: https://km.sankuai.com/page/147289627
**/
/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
.blue-theme-dropdown {
  display: inline-block;
  vertical-align: middle;
}
.blue-theme-dropdown-popper {
  box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.1);
}
.blue-theme-dropdown .blue-theme-icon-down,
.blue-theme-dropdown .blue-theme-icon-down-thick {
  color: rgba(0, 0, 0, 0.35);
  transform: rotate(0deg);
  transition: transform 0.3s linear;
}
.blue-theme-dropdown-expended .blue-theme-icon-down,
.blue-theme-dropdown-expended .blue-theme-icon-down-thick {
  transform: rotate(180deg);
}

.blue-theme-picker {
  cursor: pointer;
  max-width: 200px;
  display: inline-flex;
  align-items: center;
}
.blue-theme-picker-selection {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  max-width: 100%;
}
.blue-theme-picker-rendered {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-break: break-all;
  flex: 1 1 auto;
}
.blue-theme-picker-icon {
  flex: 0 0 auto;
  color: rgba(0, 0, 0, 0.35);
  margin-left: 4px;
  display: inline-flex;
  align-items: center;
}
.blue-theme-picker-placeholder {
  color: rgba(0, 0, 0, 0.5);
}
.blue-theme-picker-popper {
  display: flex;
  min-height: 0;
  flex-direction: column;
  padding: 4px 0px;
}
.blue-theme-picker-filter {
  padding: 4px 8px;
}
.blue-theme-picker-filter .blue-theme-input-wrapper {
  width: 100%;
}
.blue-theme-picker-menus {
  border: none;
  padding: 0;
}
.blue-theme-picker-selected {
  color: rgba(0, 0, 0, 0.9);
  font-weight: bold;
}
.blue-theme-picker-disabled {
  cursor: not-allowed;
  color: rgba(0, 0, 0, 0.7);
}
.blue-theme-picker-no-matched, .blue-theme-picker-loading, .blue-theme-picker-empty {
  padding: 4px;
  height: 100px;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.35);
  letter-spacing: 0;
  line-height: 22px;
  display: flex;
  align-items: center;
  justify-content: center;
}
/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
/**
* 基础变量
* 参见: https://km.sankuai.com/page/147289627
**/
/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
/**
* 基础变量
* 参见: https://km.sankuai.com/page/147289627
**/
/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
.blue-theme-dropdown-menu-item {
  margin: 0 4px;
  line-height: 36px;
  padding: 0px 8px;
  text-align: left;
  cursor: pointer;
  color: rgba(0, 0, 0, 0.9);
  transition: all 0.3s;
}
.blue-theme-dropdown-menu-item:hover, .blue-theme-dropdown-menu-item.hover {
  background-color: rgba(0, 0, 0, 0.04);
  color: rgba(0, 0, 0, 0.9);
  border-radius: 4px;
}
.blue-theme-dropdown-menu-item-selected {
  background-color: #EFF8FF;
  font-weight: 600;
  color: rgba(0, 0, 0, 0.9);
  border-radius: 4px;
}
.blue-theme-dropdown-menu-item-selected:hover, .blue-theme-dropdown-menu-item-selected.hover {
  color: rgba(0, 0, 0, 0.9);
  background-color: #EFF8FF;
}
.blue-theme-dropdown-menu-item-disabled {
  cursor: not-allowed;
  color: rgba(0, 0, 0, 0.25);
}
.blue-theme-dropdown-menu-item-disabled:hover {
  background-color: transparent;
  color: rgba(0, 0, 0, 0.25);
}
.blue-theme-dropdown-menu-item-icon {
  margin: 0 4px;
  font-size: 16px;
}
.blue-theme-dropdown-menu-item > .blue-theme-checkbox {
  vertical-align: top;
}

.blue-theme-option-label-wrapper {
  width: 100%;
}
.blue-theme-option-label-wrapper .text__highlight {
  background: transparent;
  color: #0A70F5;
}

/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
/**
* 基础变量
* 参见: https://km.sankuai.com/page/147289627
**/
/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
.blue-theme-virtual-container {
  overflow: auto;
}
.blue-theme-virtual-footer, .blue-theme-virtual-header {
  padding: 8px 4px;
}

/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
/**
* 基础变量
* 参见: https://km.sankuai.com/page/147289627
**/
/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
.blue-theme-menu {
  list-style: none;
  padding: 0;
  margin: 0;
  transition: all 0.3s, width 0.3s;
  width: 100%;
  text-align: left;
  line-height: 36px;
  font-size: 0;
}
.blue-theme-menu-vertical .blue-theme-submenu-direction {
  transform: rotateZ(-90deg);
}
.blue-theme-menu-horizontal {
  white-space: nowrap;
  line-height: 36px;
}
.blue-theme-menu-horizontal .blue-theme-menu-item,
.blue-theme-menu-horizontal .blue-theme-submenu {
  display: inline-block;
  vertical-align: top;
}
.blue-theme-menu-horizontal .blue-theme-submenu-direction {
  margin-left: 0;
}
.blue-theme-menu-horizontal .blue-theme-menu-item-title,
.blue-theme-menu-horizontal .blue-theme-submenu-title {
  padding-bottom: 6px;
}
.blue-theme-menu-inline {
  padding: 6px 2px;
}

.blue-theme-menu {
  /*   &-horizontal,
  &-vertical {
    .blue-theme-menu-light {

      .blue-theme-menu-item-active,
      .blue-theme-submenu-active {
        &::before {
          content: "";
          position: absolute;
          top: 0;
          left: 0;
          width: 3px;
          height: 100%;
          z-index: -1;
          background: $menu-light-active-color;
        }
      }

    }
  } */
}
.blue-theme-menu-light {
  color: rgba(0, 0, 0, 0.9);
  background: #fff;
}
.blue-theme-menu-light .blue-theme-menu-item-title:hover, .blue-theme-menu-light .blue-theme-menu-item-title.hover,
.blue-theme-menu-light .blue-theme-submenu-title:hover,
.blue-theme-menu-light .blue-theme-submenu-title.hover {
  background: #f5f5f5;
  color: rgba(0, 0, 0, 0.9);
}
.blue-theme-menu-light .blue-theme-menu-item-active .blue-theme-menu-item-title {
  color: #0A70F5;
  background: #EFF8FF;
  font-weight: 500;
}
.blue-theme-menu-light .blue-theme-menu-item-active .blue-theme-menu-item-title:hover, .blue-theme-menu-light .blue-theme-menu-item-active .blue-theme-menu-item-title.hover {
  color: #0A70F5;
  background: #EFF8FF;
}
.blue-theme-menu-light .blue-theme-submenu-active .blue-theme-submenu-title {
  color: #0A70F5;
  background: #EFF8FF;
}
.blue-theme-menu-light .blue-theme-menu-item-disabled .blue-theme-menu-item-title,
.blue-theme-menu-light .blue-theme-submenu-disabled > .blue-theme-submenu-title {
  color: rgba(0, 0, 0, 0.9);
  background: none;
  opacity: 0.45;
  cursor: not-allowed;
}
.blue-theme-menu-light .blue-theme-menu-item-disabled .blue-theme-menu-item-title:hover, .blue-theme-menu-light .blue-theme-menu-item-disabled .blue-theme-menu-item-title.hover,
.blue-theme-menu-light .blue-theme-submenu-disabled > .blue-theme-submenu-title:hover,
.blue-theme-menu-light .blue-theme-submenu-disabled > .blue-theme-submenu-title.hover {
  color: rgba(0, 0, 0, 0.9);
  background: none;
}
.blue-theme-menu-light .blue-theme-menu-item-active.blue-theme-menu-item-disabled .blue-theme-menu-item-title {
  color: #0A70F5;
  background: #EFF8FF;
  opacity: 0.45;
}
.blue-theme-menu-light.blue-theme-menu-horizontal .blue-theme-menu-item-title:hover, .blue-theme-menu-light.blue-theme-menu-horizontal .blue-theme-menu-item-title.hover,
.blue-theme-menu-light.blue-theme-menu-horizontal .blue-theme-submenu-title:hover,
.blue-theme-menu-light.blue-theme-menu-horizontal .blue-theme-submenu-title.hover {
  background: none;
}
.blue-theme-menu-light.blue-theme-menu-horizontal .blue-theme-menu-item-active .blue-theme-menu-item-title {
  background: none;
}
.blue-theme-menu-light.blue-theme-menu-horizontal .blue-theme-menu-item-active .blue-theme-menu-item-title:hover, .blue-theme-menu-light.blue-theme-menu-horizontal .blue-theme-menu-item-active .blue-theme-menu-item-title.hover {
  background: none;
}
.blue-theme-menu-light.blue-theme-menu-horizontal .blue-theme-submenu-active .blue-theme-submenu-title {
  color: #0A70F5;
  background: none;
}
.blue-theme-menu-light.blue-theme-menu-horizontal .blue-theme-menu-item-active,
.blue-theme-menu-light.blue-theme-menu-horizontal .blue-theme-submenu-active {
  position: relative;
}
.blue-theme-menu-light.blue-theme-menu-horizontal .blue-theme-menu-item-active:before,
.blue-theme-menu-light.blue-theme-menu-horizontal .blue-theme-submenu-active:before {
  content: "";
  position: absolute;
  z-index: 1;
  top: auto;
  bottom: 0;
  height: 3px;
  background: #0A70F5;
}
.blue-theme-menu-light.blue-theme-menu-horizontal .blue-theme-menu-item-active:before {
  left: 16px;
  width: calc(100% - 24px - 8px);
}
.blue-theme-menu-light.blue-theme-menu-horizontal .blue-theme-submenu-active:before {
  left: 12px;
  width: calc(100% - 24px);
}
.blue-theme-menu-light.blue-theme-menu-horizontal .blue-theme-submenu-direction {
  margin-left: 4px;
}
.blue-theme-menu-light .blue-theme-submenu-direction {
  color: rgba(0, 0, 0, 0.25);
}

.blue-theme-menu-dark {
  color: rgba(255, 255, 255, 0.7);
  background: #303640;
}
.blue-theme-menu-dark .blue-theme-menu-item-title:hover, .blue-theme-menu-dark .blue-theme-menu-item-title.hover,
.blue-theme-menu-dark .blue-theme-submenu-title:hover,
.blue-theme-menu-dark .blue-theme-submenu-title.hover {
  background: rgba(68, 78, 94, 0.7);
  color: #fff;
}
.blue-theme-menu-dark .blue-theme-menu-item-active .blue-theme-menu-item-title {
  color: #fff;
  background: #444e5e;
  font-weight: 500;
}
.blue-theme-menu-dark .blue-theme-menu-item-active .blue-theme-menu-item-title:hover, .blue-theme-menu-dark .blue-theme-menu-item-active .blue-theme-menu-item-title.hover {
  color: #fff;
  background: #444e5e;
}
.blue-theme-menu-dark .blue-theme-submenu-active .blue-theme-submenu-title {
  color: #fff;
  background: #444e5e;
}
.blue-theme-menu-dark .blue-theme-menu-item-disabled .blue-theme-menu-item-title,
.blue-theme-menu-dark .blue-theme-submenu-disabled > .blue-theme-submenu-title {
  color: rgba(255, 255, 255, 0.7);
  background: transparent;
  opacity: 0.45;
  cursor: not-allowed;
}
.blue-theme-menu-dark .blue-theme-menu-item-disabled .blue-theme-menu-item-title:hover, .blue-theme-menu-dark .blue-theme-menu-item-disabled .blue-theme-menu-item-title.hover,
.blue-theme-menu-dark .blue-theme-submenu-disabled > .blue-theme-submenu-title:hover,
.blue-theme-menu-dark .blue-theme-submenu-disabled > .blue-theme-submenu-title.hover {
  color: rgba(255, 255, 255, 0.7);
  background: transparent;
}
.blue-theme-menu-dark .blue-theme-menu-item-active.blue-theme-menu-item-disabled .blue-theme-menu-item-title {
  color: #fff;
  background: #444e5e;
  opacity: 0.45;
}
.blue-theme-menu-dark.blue-theme-menu-horizontal .blue-theme-menu-item-title:hover, .blue-theme-menu-dark.blue-theme-menu-horizontal .blue-theme-menu-item-title.hover,
.blue-theme-menu-dark.blue-theme-menu-horizontal .blue-theme-submenu-title:hover,
.blue-theme-menu-dark.blue-theme-menu-horizontal .blue-theme-submenu-title.hover {
  background: none;
}
.blue-theme-menu-dark.blue-theme-menu-horizontal .blue-theme-menu-item-active .blue-theme-menu-item-title {
  background: none;
}
.blue-theme-menu-dark.blue-theme-menu-horizontal .blue-theme-menu-item-active .blue-theme-menu-item-title:hover, .blue-theme-menu-dark.blue-theme-menu-horizontal .blue-theme-menu-item-active .blue-theme-menu-item-title.hover {
  background: none;
}
.blue-theme-menu-dark.blue-theme-menu-horizontal .blue-theme-submenu-active .blue-theme-submenu-title {
  color: #fff;
  background: none;
}

.blue-theme-menu.blue-theme-menu-collapse {
  width: 60px;
}
.blue-theme-menu-collapse .blue-theme-submenu-icon,
.blue-theme-menu-collapse .blue-theme-menu-item-icon {
  width: 100%;
  padding: 0;
  margin: 0;
}
.blue-theme-menu-collapse .blue-theme-menu-item-title,
.blue-theme-menu-collapse .blue-theme-submenu-title {
  max-width: 100%;
}
.blue-theme-menu-collapse .blue-theme-submenu-direction {
  display: none;
}

/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
/**
* 基础变量
* 参见: https://km.sankuai.com/page/147289627
**/
/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
.blue-theme-menu-item {
  position: relative;
  cursor: pointer;
}
.blue-theme-menu-item-title {
  border-radius: 6px;
  margin: 0 4px;
  padding: 0 12px;
  text-decoration: none;
  display: flex;
  align-items: center;
  justify-items: flex-start;
  color: currentColor;
  cursor: pointer;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  transition: padding 0.3s;
}
.blue-theme-menu-item-title:hover, .blue-theme-menu-item-title.hover {
  text-decoration: none;
}
.blue-theme-menu-item-text {
  font-size: 14px;
  flex: 1 1 auto;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.blue-theme-menu-item-icon {
  display: flex;
  align-items: center;
  height: 36px;
  flex: 0 0 auto;
  font-size: 16px;
  min-width: 16px;
  margin-right: 8px;
}

/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
/**
* 基础变量
* 参见: https://km.sankuai.com/page/147289627
**/
/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
.blue-theme-submenu {
  position: relative;
}
.blue-theme-submenu-title {
  position: relative;
  padding: 0 12px;
  display: flex;
  align-items: center;
  cursor: pointer;
  transition: padding 0.3s;
  margin: 0 4px;
  border-radius: 6px;
}
.blue-theme-submenu-text {
  font-size: 14px;
  flex: 1 1 auto;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.blue-theme-submenu-icon {
  font-size: 16px;
  min-width: 16px;
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  height: 36px;
  margin-right: 8px;
}
.blue-theme-submenu-direction {
  flex: 0 0 auto;
  font-size: 16px;
  min-width: 16px;
  text-align: center;
  margin-left: 12px;
  transition: transform 0.3s;
}
.blue-theme-submenu-direction-expanded {
  transform: rotateZ(180deg);
}
.blue-theme-submenu-content {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.blue-theme-submenu-active .blue-theme-submenu-text {
  font-weight: 500;
}
.blue-theme-submenu-child-active .blue-theme-submenu-text {
  font-weight: 500;
}
.blue-theme-submenu-dropdown {
  list-style-type: none;
  margin: 0;
  padding: 4px 0px;
  width: 180px;
}
.blue-theme-submenu-dropdown .blue-theme-submenu {
  position: relative;
}
.blue-theme-submenu-dropdown .blue-theme-menu-item-active:before {
  display: none;
}

/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
/**
* 基础变量
* 参见: https://km.sankuai.com/page/147289627
**/
/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
.blue-theme-row {
  position: relative;
  box-sizing: border-box;
}
.blue-theme-row::before,
.blue-theme-row::after {
  display: table;
  content: "";
}

.blue-theme-row::after {
  clear: both;
}

.blue-theme-row-flex {
  display: flex;
}
.blue-theme-row-flex:before, .blue-theme-row-flex:after {
  display: none;
}
.blue-theme-row-justify-center {
  justify-content: center;
}
.blue-theme-row-justify-end {
  justify-content: flex-end;
}
.blue-theme-row-justify-space-between {
  justify-content: space-between;
}
.blue-theme-row-justify-space-around {
  justify-content: space-around;
}
.blue-theme-row-align-middle {
  align-items: center;
}
.blue-theme-row-align-bottom {
  align-items: flex-end;
}

/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
/**
* 基础变量
* 参见: https://km.sankuai.com/page/147289627
**/
/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
[class*=blue-theme-col-] {
  float: left;
  box-sizing: border-box;
}

.blue-theme-col-0 {
  display: none;
}

.blue-theme-col-0 {
  width: 0%;
}

.blue-theme-col-offset-0 {
  margin-left: 0%;
}

.blue-theme-col-pull-0 {
  position: relative;
  right: 0%;
}

.blue-theme-col-push-0 {
  position: relative;
  left: 0%;
}

.blue-theme-col-1 {
  width: 4.1666666667%;
}

.blue-theme-col-offset-1 {
  margin-left: 4.1666666667%;
}

.blue-theme-col-pull-1 {
  position: relative;
  right: 4.1666666667%;
}

.blue-theme-col-push-1 {
  position: relative;
  left: 4.1666666667%;
}

.blue-theme-col-2 {
  width: 8.3333333333%;
}

.blue-theme-col-offset-2 {
  margin-left: 8.3333333333%;
}

.blue-theme-col-pull-2 {
  position: relative;
  right: 8.3333333333%;
}

.blue-theme-col-push-2 {
  position: relative;
  left: 8.3333333333%;
}

.blue-theme-col-3 {
  width: 12.5%;
}

.blue-theme-col-offset-3 {
  margin-left: 12.5%;
}

.blue-theme-col-pull-3 {
  position: relative;
  right: 12.5%;
}

.blue-theme-col-push-3 {
  position: relative;
  left: 12.5%;
}

.blue-theme-col-4 {
  width: 16.6666666667%;
}

.blue-theme-col-offset-4 {
  margin-left: 16.6666666667%;
}

.blue-theme-col-pull-4 {
  position: relative;
  right: 16.6666666667%;
}

.blue-theme-col-push-4 {
  position: relative;
  left: 16.6666666667%;
}

.blue-theme-col-5 {
  width: 20.8333333333%;
}

.blue-theme-col-offset-5 {
  margin-left: 20.8333333333%;
}

.blue-theme-col-pull-5 {
  position: relative;
  right: 20.8333333333%;
}

.blue-theme-col-push-5 {
  position: relative;
  left: 20.8333333333%;
}

.blue-theme-col-6 {
  width: 25%;
}

.blue-theme-col-offset-6 {
  margin-left: 25%;
}

.blue-theme-col-pull-6 {
  position: relative;
  right: 25%;
}

.blue-theme-col-push-6 {
  position: relative;
  left: 25%;
}

.blue-theme-col-7 {
  width: 29.1666666667%;
}

.blue-theme-col-offset-7 {
  margin-left: 29.1666666667%;
}

.blue-theme-col-pull-7 {
  position: relative;
  right: 29.1666666667%;
}

.blue-theme-col-push-7 {
  position: relative;
  left: 29.1666666667%;
}

.blue-theme-col-8 {
  width: 33.3333333333%;
}

.blue-theme-col-offset-8 {
  margin-left: 33.3333333333%;
}

.blue-theme-col-pull-8 {
  position: relative;
  right: 33.3333333333%;
}

.blue-theme-col-push-8 {
  position: relative;
  left: 33.3333333333%;
}

.blue-theme-col-9 {
  width: 37.5%;
}

.blue-theme-col-offset-9 {
  margin-left: 37.5%;
}

.blue-theme-col-pull-9 {
  position: relative;
  right: 37.5%;
}

.blue-theme-col-push-9 {
  position: relative;
  left: 37.5%;
}

.blue-theme-col-10 {
  width: 41.6666666667%;
}

.blue-theme-col-offset-10 {
  margin-left: 41.6666666667%;
}

.blue-theme-col-pull-10 {
  position: relative;
  right: 41.6666666667%;
}

.blue-theme-col-push-10 {
  position: relative;
  left: 41.6666666667%;
}

.blue-theme-col-11 {
  width: 45.8333333333%;
}

.blue-theme-col-offset-11 {
  margin-left: 45.8333333333%;
}

.blue-theme-col-pull-11 {
  position: relative;
  right: 45.8333333333%;
}

.blue-theme-col-push-11 {
  position: relative;
  left: 45.8333333333%;
}

.blue-theme-col-12 {
  width: 50%;
}

.blue-theme-col-offset-12 {
  margin-left: 50%;
}

.blue-theme-col-pull-12 {
  position: relative;
  right: 50%;
}

.blue-theme-col-push-12 {
  position: relative;
  left: 50%;
}

.blue-theme-col-13 {
  width: 54.1666666667%;
}

.blue-theme-col-offset-13 {
  margin-left: 54.1666666667%;
}

.blue-theme-col-pull-13 {
  position: relative;
  right: 54.1666666667%;
}

.blue-theme-col-push-13 {
  position: relative;
  left: 54.1666666667%;
}

.blue-theme-col-14 {
  width: 58.3333333333%;
}

.blue-theme-col-offset-14 {
  margin-left: 58.3333333333%;
}

.blue-theme-col-pull-14 {
  position: relative;
  right: 58.3333333333%;
}

.blue-theme-col-push-14 {
  position: relative;
  left: 58.3333333333%;
}

.blue-theme-col-15 {
  width: 62.5%;
}

.blue-theme-col-offset-15 {
  margin-left: 62.5%;
}

.blue-theme-col-pull-15 {
  position: relative;
  right: 62.5%;
}

.blue-theme-col-push-15 {
  position: relative;
  left: 62.5%;
}

.blue-theme-col-16 {
  width: 66.6666666667%;
}

.blue-theme-col-offset-16 {
  margin-left: 66.6666666667%;
}

.blue-theme-col-pull-16 {
  position: relative;
  right: 66.6666666667%;
}

.blue-theme-col-push-16 {
  position: relative;
  left: 66.6666666667%;
}

.blue-theme-col-17 {
  width: 70.8333333333%;
}

.blue-theme-col-offset-17 {
  margin-left: 70.8333333333%;
}

.blue-theme-col-pull-17 {
  position: relative;
  right: 70.8333333333%;
}

.blue-theme-col-push-17 {
  position: relative;
  left: 70.8333333333%;
}

.blue-theme-col-18 {
  width: 75%;
}

.blue-theme-col-offset-18 {
  margin-left: 75%;
}

.blue-theme-col-pull-18 {
  position: relative;
  right: 75%;
}

.blue-theme-col-push-18 {
  position: relative;
  left: 75%;
}

.blue-theme-col-19 {
  width: 79.1666666667%;
}

.blue-theme-col-offset-19 {
  margin-left: 79.1666666667%;
}

.blue-theme-col-pull-19 {
  position: relative;
  right: 79.1666666667%;
}

.blue-theme-col-push-19 {
  position: relative;
  left: 79.1666666667%;
}

.blue-theme-col-20 {
  width: 83.3333333333%;
}

.blue-theme-col-offset-20 {
  margin-left: 83.3333333333%;
}

.blue-theme-col-pull-20 {
  position: relative;
  right: 83.3333333333%;
}

.blue-theme-col-push-20 {
  position: relative;
  left: 83.3333333333%;
}

.blue-theme-col-21 {
  width: 87.5%;
}

.blue-theme-col-offset-21 {
  margin-left: 87.5%;
}

.blue-theme-col-pull-21 {
  position: relative;
  right: 87.5%;
}

.blue-theme-col-push-21 {
  position: relative;
  left: 87.5%;
}

.blue-theme-col-22 {
  width: 91.6666666667%;
}

.blue-theme-col-offset-22 {
  margin-left: 91.6666666667%;
}

.blue-theme-col-pull-22 {
  position: relative;
  right: 91.6666666667%;
}

.blue-theme-col-push-22 {
  position: relative;
  left: 91.6666666667%;
}

.blue-theme-col-23 {
  width: 95.8333333333%;
}

.blue-theme-col-offset-23 {
  margin-left: 95.8333333333%;
}

.blue-theme-col-pull-23 {
  position: relative;
  right: 95.8333333333%;
}

.blue-theme-col-push-23 {
  position: relative;
  left: 95.8333333333%;
}

.blue-theme-col-24 {
  width: 100%;
}

.blue-theme-col-offset-24 {
  margin-left: 100%;
}

.blue-theme-col-pull-24 {
  position: relative;
  right: 100%;
}

.blue-theme-col-push-24 {
  position: relative;
  left: 100%;
}

@media only screen and (max-width: 576px) {
  .blue-theme-col-xs-0 {
    display: none;
  }
  .blue-theme-col-xs-0 {
    width: 0%;
  }
  .blue-theme-col-xs-offset-0 {
    margin-left: 0%;
  }
  .blue-theme-col-xs-pull-0 {
    position: relative;
    right: 0%;
  }
  .blue-theme-col-xs-push-0 {
    position: relative;
    left: 0%;
  }
  .blue-theme-col-xs-1 {
    width: 4.1666666667%;
  }
  .blue-theme-col-xs-offset-1 {
    margin-left: 4.1666666667%;
  }
  .blue-theme-col-xs-pull-1 {
    position: relative;
    right: 4.1666666667%;
  }
  .blue-theme-col-xs-push-1 {
    position: relative;
    left: 4.1666666667%;
  }
  .blue-theme-col-xs-2 {
    width: 8.3333333333%;
  }
  .blue-theme-col-xs-offset-2 {
    margin-left: 8.3333333333%;
  }
  .blue-theme-col-xs-pull-2 {
    position: relative;
    right: 8.3333333333%;
  }
  .blue-theme-col-xs-push-2 {
    position: relative;
    left: 8.3333333333%;
  }
  .blue-theme-col-xs-3 {
    width: 12.5%;
  }
  .blue-theme-col-xs-offset-3 {
    margin-left: 12.5%;
  }
  .blue-theme-col-xs-pull-3 {
    position: relative;
    right: 12.5%;
  }
  .blue-theme-col-xs-push-3 {
    position: relative;
    left: 12.5%;
  }
  .blue-theme-col-xs-4 {
    width: 16.6666666667%;
  }
  .blue-theme-col-xs-offset-4 {
    margin-left: 16.6666666667%;
  }
  .blue-theme-col-xs-pull-4 {
    position: relative;
    right: 16.6666666667%;
  }
  .blue-theme-col-xs-push-4 {
    position: relative;
    left: 16.6666666667%;
  }
  .blue-theme-col-xs-5 {
    width: 20.8333333333%;
  }
  .blue-theme-col-xs-offset-5 {
    margin-left: 20.8333333333%;
  }
  .blue-theme-col-xs-pull-5 {
    position: relative;
    right: 20.8333333333%;
  }
  .blue-theme-col-xs-push-5 {
    position: relative;
    left: 20.8333333333%;
  }
  .blue-theme-col-xs-6 {
    width: 25%;
  }
  .blue-theme-col-xs-offset-6 {
    margin-left: 25%;
  }
  .blue-theme-col-xs-pull-6 {
    position: relative;
    right: 25%;
  }
  .blue-theme-col-xs-push-6 {
    position: relative;
    left: 25%;
  }
  .blue-theme-col-xs-7 {
    width: 29.1666666667%;
  }
  .blue-theme-col-xs-offset-7 {
    margin-left: 29.1666666667%;
  }
  .blue-theme-col-xs-pull-7 {
    position: relative;
    right: 29.1666666667%;
  }
  .blue-theme-col-xs-push-7 {
    position: relative;
    left: 29.1666666667%;
  }
  .blue-theme-col-xs-8 {
    width: 33.3333333333%;
  }
  .blue-theme-col-xs-offset-8 {
    margin-left: 33.3333333333%;
  }
  .blue-theme-col-xs-pull-8 {
    position: relative;
    right: 33.3333333333%;
  }
  .blue-theme-col-xs-push-8 {
    position: relative;
    left: 33.3333333333%;
  }
  .blue-theme-col-xs-9 {
    width: 37.5%;
  }
  .blue-theme-col-xs-offset-9 {
    margin-left: 37.5%;
  }
  .blue-theme-col-xs-pull-9 {
    position: relative;
    right: 37.5%;
  }
  .blue-theme-col-xs-push-9 {
    position: relative;
    left: 37.5%;
  }
  .blue-theme-col-xs-10 {
    width: 41.6666666667%;
  }
  .blue-theme-col-xs-offset-10 {
    margin-left: 41.6666666667%;
  }
  .blue-theme-col-xs-pull-10 {
    position: relative;
    right: 41.6666666667%;
  }
  .blue-theme-col-xs-push-10 {
    position: relative;
    left: 41.6666666667%;
  }
  .blue-theme-col-xs-11 {
    width: 45.8333333333%;
  }
  .blue-theme-col-xs-offset-11 {
    margin-left: 45.8333333333%;
  }
  .blue-theme-col-xs-pull-11 {
    position: relative;
    right: 45.8333333333%;
  }
  .blue-theme-col-xs-push-11 {
    position: relative;
    left: 45.8333333333%;
  }
  .blue-theme-col-xs-12 {
    width: 50%;
  }
  .blue-theme-col-xs-offset-12 {
    margin-left: 50%;
  }
  .blue-theme-col-xs-pull-12 {
    position: relative;
    right: 50%;
  }
  .blue-theme-col-xs-push-12 {
    position: relative;
    left: 50%;
  }
  .blue-theme-col-xs-13 {
    width: 54.1666666667%;
  }
  .blue-theme-col-xs-offset-13 {
    margin-left: 54.1666666667%;
  }
  .blue-theme-col-xs-pull-13 {
    position: relative;
    right: 54.1666666667%;
  }
  .blue-theme-col-xs-push-13 {
    position: relative;
    left: 54.1666666667%;
  }
  .blue-theme-col-xs-14 {
    width: 58.3333333333%;
  }
  .blue-theme-col-xs-offset-14 {
    margin-left: 58.3333333333%;
  }
  .blue-theme-col-xs-pull-14 {
    position: relative;
    right: 58.3333333333%;
  }
  .blue-theme-col-xs-push-14 {
    position: relative;
    left: 58.3333333333%;
  }
  .blue-theme-col-xs-15 {
    width: 62.5%;
  }
  .blue-theme-col-xs-offset-15 {
    margin-left: 62.5%;
  }
  .blue-theme-col-xs-pull-15 {
    position: relative;
    right: 62.5%;
  }
  .blue-theme-col-xs-push-15 {
    position: relative;
    left: 62.5%;
  }
  .blue-theme-col-xs-16 {
    width: 66.6666666667%;
  }
  .blue-theme-col-xs-offset-16 {
    margin-left: 66.6666666667%;
  }
  .blue-theme-col-xs-pull-16 {
    position: relative;
    right: 66.6666666667%;
  }
  .blue-theme-col-xs-push-16 {
    position: relative;
    left: 66.6666666667%;
  }
  .blue-theme-col-xs-17 {
    width: 70.8333333333%;
  }
  .blue-theme-col-xs-offset-17 {
    margin-left: 70.8333333333%;
  }
  .blue-theme-col-xs-pull-17 {
    position: relative;
    right: 70.8333333333%;
  }
  .blue-theme-col-xs-push-17 {
    position: relative;
    left: 70.8333333333%;
  }
  .blue-theme-col-xs-18 {
    width: 75%;
  }
  .blue-theme-col-xs-offset-18 {
    margin-left: 75%;
  }
  .blue-theme-col-xs-pull-18 {
    position: relative;
    right: 75%;
  }
  .blue-theme-col-xs-push-18 {
    position: relative;
    left: 75%;
  }
  .blue-theme-col-xs-19 {
    width: 79.1666666667%;
  }
  .blue-theme-col-xs-offset-19 {
    margin-left: 79.1666666667%;
  }
  .blue-theme-col-xs-pull-19 {
    position: relative;
    right: 79.1666666667%;
  }
  .blue-theme-col-xs-push-19 {
    position: relative;
    left: 79.1666666667%;
  }
  .blue-theme-col-xs-20 {
    width: 83.3333333333%;
  }
  .blue-theme-col-xs-offset-20 {
    margin-left: 83.3333333333%;
  }
  .blue-theme-col-xs-pull-20 {
    position: relative;
    right: 83.3333333333%;
  }
  .blue-theme-col-xs-push-20 {
    position: relative;
    left: 83.3333333333%;
  }
  .blue-theme-col-xs-21 {
    width: 87.5%;
  }
  .blue-theme-col-xs-offset-21 {
    margin-left: 87.5%;
  }
  .blue-theme-col-xs-pull-21 {
    position: relative;
    right: 87.5%;
  }
  .blue-theme-col-xs-push-21 {
    position: relative;
    left: 87.5%;
  }
  .blue-theme-col-xs-22 {
    width: 91.6666666667%;
  }
  .blue-theme-col-xs-offset-22 {
    margin-left: 91.6666666667%;
  }
  .blue-theme-col-xs-pull-22 {
    position: relative;
    right: 91.6666666667%;
  }
  .blue-theme-col-xs-push-22 {
    position: relative;
    left: 91.6666666667%;
  }
  .blue-theme-col-xs-23 {
    width: 95.8333333333%;
  }
  .blue-theme-col-xs-offset-23 {
    margin-left: 95.8333333333%;
  }
  .blue-theme-col-xs-pull-23 {
    position: relative;
    right: 95.8333333333%;
  }
  .blue-theme-col-xs-push-23 {
    position: relative;
    left: 95.8333333333%;
  }
  .blue-theme-col-xs-24 {
    width: 100%;
  }
  .blue-theme-col-xs-offset-24 {
    margin-left: 100%;
  }
  .blue-theme-col-xs-pull-24 {
    position: relative;
    right: 100%;
  }
  .blue-theme-col-xs-push-24 {
    position: relative;
    left: 100%;
  }
}
@media only screen and (min-width: 576px) {
  .blue-theme-col-sm-0 {
    display: none;
  }
  .blue-theme-col-sm-0 {
    width: 0%;
  }
  .blue-theme-col-sm-offset-0 {
    margin-left: 0%;
  }
  .blue-theme-col-sm-pull-0 {
    position: relative;
    right: 0%;
  }
  .blue-theme-col-sm-push-0 {
    position: relative;
    left: 0%;
  }
  .blue-theme-col-sm-1 {
    width: 4.1666666667%;
  }
  .blue-theme-col-sm-offset-1 {
    margin-left: 4.1666666667%;
  }
  .blue-theme-col-sm-pull-1 {
    position: relative;
    right: 4.1666666667%;
  }
  .blue-theme-col-sm-push-1 {
    position: relative;
    left: 4.1666666667%;
  }
  .blue-theme-col-sm-2 {
    width: 8.3333333333%;
  }
  .blue-theme-col-sm-offset-2 {
    margin-left: 8.3333333333%;
  }
  .blue-theme-col-sm-pull-2 {
    position: relative;
    right: 8.3333333333%;
  }
  .blue-theme-col-sm-push-2 {
    position: relative;
    left: 8.3333333333%;
  }
  .blue-theme-col-sm-3 {
    width: 12.5%;
  }
  .blue-theme-col-sm-offset-3 {
    margin-left: 12.5%;
  }
  .blue-theme-col-sm-pull-3 {
    position: relative;
    right: 12.5%;
  }
  .blue-theme-col-sm-push-3 {
    position: relative;
    left: 12.5%;
  }
  .blue-theme-col-sm-4 {
    width: 16.6666666667%;
  }
  .blue-theme-col-sm-offset-4 {
    margin-left: 16.6666666667%;
  }
  .blue-theme-col-sm-pull-4 {
    position: relative;
    right: 16.6666666667%;
  }
  .blue-theme-col-sm-push-4 {
    position: relative;
    left: 16.6666666667%;
  }
  .blue-theme-col-sm-5 {
    width: 20.8333333333%;
  }
  .blue-theme-col-sm-offset-5 {
    margin-left: 20.8333333333%;
  }
  .blue-theme-col-sm-pull-5 {
    position: relative;
    right: 20.8333333333%;
  }
  .blue-theme-col-sm-push-5 {
    position: relative;
    left: 20.8333333333%;
  }
  .blue-theme-col-sm-6 {
    width: 25%;
  }
  .blue-theme-col-sm-offset-6 {
    margin-left: 25%;
  }
  .blue-theme-col-sm-pull-6 {
    position: relative;
    right: 25%;
  }
  .blue-theme-col-sm-push-6 {
    position: relative;
    left: 25%;
  }
  .blue-theme-col-sm-7 {
    width: 29.1666666667%;
  }
  .blue-theme-col-sm-offset-7 {
    margin-left: 29.1666666667%;
  }
  .blue-theme-col-sm-pull-7 {
    position: relative;
    right: 29.1666666667%;
  }
  .blue-theme-col-sm-push-7 {
    position: relative;
    left: 29.1666666667%;
  }
  .blue-theme-col-sm-8 {
    width: 33.3333333333%;
  }
  .blue-theme-col-sm-offset-8 {
    margin-left: 33.3333333333%;
  }
  .blue-theme-col-sm-pull-8 {
    position: relative;
    right: 33.3333333333%;
  }
  .blue-theme-col-sm-push-8 {
    position: relative;
    left: 33.3333333333%;
  }
  .blue-theme-col-sm-9 {
    width: 37.5%;
  }
  .blue-theme-col-sm-offset-9 {
    margin-left: 37.5%;
  }
  .blue-theme-col-sm-pull-9 {
    position: relative;
    right: 37.5%;
  }
  .blue-theme-col-sm-push-9 {
    position: relative;
    left: 37.5%;
  }
  .blue-theme-col-sm-10 {
    width: 41.6666666667%;
  }
  .blue-theme-col-sm-offset-10 {
    margin-left: 41.6666666667%;
  }
  .blue-theme-col-sm-pull-10 {
    position: relative;
    right: 41.6666666667%;
  }
  .blue-theme-col-sm-push-10 {
    position: relative;
    left: 41.6666666667%;
  }
  .blue-theme-col-sm-11 {
    width: 45.8333333333%;
  }
  .blue-theme-col-sm-offset-11 {
    margin-left: 45.8333333333%;
  }
  .blue-theme-col-sm-pull-11 {
    position: relative;
    right: 45.8333333333%;
  }
  .blue-theme-col-sm-push-11 {
    position: relative;
    left: 45.8333333333%;
  }
  .blue-theme-col-sm-12 {
    width: 50%;
  }
  .blue-theme-col-sm-offset-12 {
    margin-left: 50%;
  }
  .blue-theme-col-sm-pull-12 {
    position: relative;
    right: 50%;
  }
  .blue-theme-col-sm-push-12 {
    position: relative;
    left: 50%;
  }
  .blue-theme-col-sm-13 {
    width: 54.1666666667%;
  }
  .blue-theme-col-sm-offset-13 {
    margin-left: 54.1666666667%;
  }
  .blue-theme-col-sm-pull-13 {
    position: relative;
    right: 54.1666666667%;
  }
  .blue-theme-col-sm-push-13 {
    position: relative;
    left: 54.1666666667%;
  }
  .blue-theme-col-sm-14 {
    width: 58.3333333333%;
  }
  .blue-theme-col-sm-offset-14 {
    margin-left: 58.3333333333%;
  }
  .blue-theme-col-sm-pull-14 {
    position: relative;
    right: 58.3333333333%;
  }
  .blue-theme-col-sm-push-14 {
    position: relative;
    left: 58.3333333333%;
  }
  .blue-theme-col-sm-15 {
    width: 62.5%;
  }
  .blue-theme-col-sm-offset-15 {
    margin-left: 62.5%;
  }
  .blue-theme-col-sm-pull-15 {
    position: relative;
    right: 62.5%;
  }
  .blue-theme-col-sm-push-15 {
    position: relative;
    left: 62.5%;
  }
  .blue-theme-col-sm-16 {
    width: 66.6666666667%;
  }
  .blue-theme-col-sm-offset-16 {
    margin-left: 66.6666666667%;
  }
  .blue-theme-col-sm-pull-16 {
    position: relative;
    right: 66.6666666667%;
  }
  .blue-theme-col-sm-push-16 {
    position: relative;
    left: 66.6666666667%;
  }
  .blue-theme-col-sm-17 {
    width: 70.8333333333%;
  }
  .blue-theme-col-sm-offset-17 {
    margin-left: 70.8333333333%;
  }
  .blue-theme-col-sm-pull-17 {
    position: relative;
    right: 70.8333333333%;
  }
  .blue-theme-col-sm-push-17 {
    position: relative;
    left: 70.8333333333%;
  }
  .blue-theme-col-sm-18 {
    width: 75%;
  }
  .blue-theme-col-sm-offset-18 {
    margin-left: 75%;
  }
  .blue-theme-col-sm-pull-18 {
    position: relative;
    right: 75%;
  }
  .blue-theme-col-sm-push-18 {
    position: relative;
    left: 75%;
  }
  .blue-theme-col-sm-19 {
    width: 79.1666666667%;
  }
  .blue-theme-col-sm-offset-19 {
    margin-left: 79.1666666667%;
  }
  .blue-theme-col-sm-pull-19 {
    position: relative;
    right: 79.1666666667%;
  }
  .blue-theme-col-sm-push-19 {
    position: relative;
    left: 79.1666666667%;
  }
  .blue-theme-col-sm-20 {
    width: 83.3333333333%;
  }
  .blue-theme-col-sm-offset-20 {
    margin-left: 83.3333333333%;
  }
  .blue-theme-col-sm-pull-20 {
    position: relative;
    right: 83.3333333333%;
  }
  .blue-theme-col-sm-push-20 {
    position: relative;
    left: 83.3333333333%;
  }
  .blue-theme-col-sm-21 {
    width: 87.5%;
  }
  .blue-theme-col-sm-offset-21 {
    margin-left: 87.5%;
  }
  .blue-theme-col-sm-pull-21 {
    position: relative;
    right: 87.5%;
  }
  .blue-theme-col-sm-push-21 {
    position: relative;
    left: 87.5%;
  }
  .blue-theme-col-sm-22 {
    width: 91.6666666667%;
  }
  .blue-theme-col-sm-offset-22 {
    margin-left: 91.6666666667%;
  }
  .blue-theme-col-sm-pull-22 {
    position: relative;
    right: 91.6666666667%;
  }
  .blue-theme-col-sm-push-22 {
    position: relative;
    left: 91.6666666667%;
  }
  .blue-theme-col-sm-23 {
    width: 95.8333333333%;
  }
  .blue-theme-col-sm-offset-23 {
    margin-left: 95.8333333333%;
  }
  .blue-theme-col-sm-pull-23 {
    position: relative;
    right: 95.8333333333%;
  }
  .blue-theme-col-sm-push-23 {
    position: relative;
    left: 95.8333333333%;
  }
  .blue-theme-col-sm-24 {
    width: 100%;
  }
  .blue-theme-col-sm-offset-24 {
    margin-left: 100%;
  }
  .blue-theme-col-sm-pull-24 {
    position: relative;
    right: 100%;
  }
  .blue-theme-col-sm-push-24 {
    position: relative;
    left: 100%;
  }
}
@media only screen and (min-width: 768px) {
  .blue-theme-col-md-0 {
    display: none;
  }
  .blue-theme-col-md-0 {
    width: 0%;
  }
  .blue-theme-col-md-offset-0 {
    margin-left: 0%;
  }
  .blue-theme-col-md-pull-0 {
    position: relative;
    right: 0%;
  }
  .blue-theme-col-md-push-0 {
    position: relative;
    left: 0%;
  }
  .blue-theme-col-md-1 {
    width: 4.1666666667%;
  }
  .blue-theme-col-md-offset-1 {
    margin-left: 4.1666666667%;
  }
  .blue-theme-col-md-pull-1 {
    position: relative;
    right: 4.1666666667%;
  }
  .blue-theme-col-md-push-1 {
    position: relative;
    left: 4.1666666667%;
  }
  .blue-theme-col-md-2 {
    width: 8.3333333333%;
  }
  .blue-theme-col-md-offset-2 {
    margin-left: 8.3333333333%;
  }
  .blue-theme-col-md-pull-2 {
    position: relative;
    right: 8.3333333333%;
  }
  .blue-theme-col-md-push-2 {
    position: relative;
    left: 8.3333333333%;
  }
  .blue-theme-col-md-3 {
    width: 12.5%;
  }
  .blue-theme-col-md-offset-3 {
    margin-left: 12.5%;
  }
  .blue-theme-col-md-pull-3 {
    position: relative;
    right: 12.5%;
  }
  .blue-theme-col-md-push-3 {
    position: relative;
    left: 12.5%;
  }
  .blue-theme-col-md-4 {
    width: 16.6666666667%;
  }
  .blue-theme-col-md-offset-4 {
    margin-left: 16.6666666667%;
  }
  .blue-theme-col-md-pull-4 {
    position: relative;
    right: 16.6666666667%;
  }
  .blue-theme-col-md-push-4 {
    position: relative;
    left: 16.6666666667%;
  }
  .blue-theme-col-md-5 {
    width: 20.8333333333%;
  }
  .blue-theme-col-md-offset-5 {
    margin-left: 20.8333333333%;
  }
  .blue-theme-col-md-pull-5 {
    position: relative;
    right: 20.8333333333%;
  }
  .blue-theme-col-md-push-5 {
    position: relative;
    left: 20.8333333333%;
  }
  .blue-theme-col-md-6 {
    width: 25%;
  }
  .blue-theme-col-md-offset-6 {
    margin-left: 25%;
  }
  .blue-theme-col-md-pull-6 {
    position: relative;
    right: 25%;
  }
  .blue-theme-col-md-push-6 {
    position: relative;
    left: 25%;
  }
  .blue-theme-col-md-7 {
    width: 29.1666666667%;
  }
  .blue-theme-col-md-offset-7 {
    margin-left: 29.1666666667%;
  }
  .blue-theme-col-md-pull-7 {
    position: relative;
    right: 29.1666666667%;
  }
  .blue-theme-col-md-push-7 {
    position: relative;
    left: 29.1666666667%;
  }
  .blue-theme-col-md-8 {
    width: 33.3333333333%;
  }
  .blue-theme-col-md-offset-8 {
    margin-left: 33.3333333333%;
  }
  .blue-theme-col-md-pull-8 {
    position: relative;
    right: 33.3333333333%;
  }
  .blue-theme-col-md-push-8 {
    position: relative;
    left: 33.3333333333%;
  }
  .blue-theme-col-md-9 {
    width: 37.5%;
  }
  .blue-theme-col-md-offset-9 {
    margin-left: 37.5%;
  }
  .blue-theme-col-md-pull-9 {
    position: relative;
    right: 37.5%;
  }
  .blue-theme-col-md-push-9 {
    position: relative;
    left: 37.5%;
  }
  .blue-theme-col-md-10 {
    width: 41.6666666667%;
  }
  .blue-theme-col-md-offset-10 {
    margin-left: 41.6666666667%;
  }
  .blue-theme-col-md-pull-10 {
    position: relative;
    right: 41.6666666667%;
  }
  .blue-theme-col-md-push-10 {
    position: relative;
    left: 41.6666666667%;
  }
  .blue-theme-col-md-11 {
    width: 45.8333333333%;
  }
  .blue-theme-col-md-offset-11 {
    margin-left: 45.8333333333%;
  }
  .blue-theme-col-md-pull-11 {
    position: relative;
    right: 45.8333333333%;
  }
  .blue-theme-col-md-push-11 {
    position: relative;
    left: 45.8333333333%;
  }
  .blue-theme-col-md-12 {
    width: 50%;
  }
  .blue-theme-col-md-offset-12 {
    margin-left: 50%;
  }
  .blue-theme-col-md-pull-12 {
    position: relative;
    right: 50%;
  }
  .blue-theme-col-md-push-12 {
    position: relative;
    left: 50%;
  }
  .blue-theme-col-md-13 {
    width: 54.1666666667%;
  }
  .blue-theme-col-md-offset-13 {
    margin-left: 54.1666666667%;
  }
  .blue-theme-col-md-pull-13 {
    position: relative;
    right: 54.1666666667%;
  }
  .blue-theme-col-md-push-13 {
    position: relative;
    left: 54.1666666667%;
  }
  .blue-theme-col-md-14 {
    width: 58.3333333333%;
  }
  .blue-theme-col-md-offset-14 {
    margin-left: 58.3333333333%;
  }
  .blue-theme-col-md-pull-14 {
    position: relative;
    right: 58.3333333333%;
  }
  .blue-theme-col-md-push-14 {
    position: relative;
    left: 58.3333333333%;
  }
  .blue-theme-col-md-15 {
    width: 62.5%;
  }
  .blue-theme-col-md-offset-15 {
    margin-left: 62.5%;
  }
  .blue-theme-col-md-pull-15 {
    position: relative;
    right: 62.5%;
  }
  .blue-theme-col-md-push-15 {
    position: relative;
    left: 62.5%;
  }
  .blue-theme-col-md-16 {
    width: 66.6666666667%;
  }
  .blue-theme-col-md-offset-16 {
    margin-left: 66.6666666667%;
  }
  .blue-theme-col-md-pull-16 {
    position: relative;
    right: 66.6666666667%;
  }
  .blue-theme-col-md-push-16 {
    position: relative;
    left: 66.6666666667%;
  }
  .blue-theme-col-md-17 {
    width: 70.8333333333%;
  }
  .blue-theme-col-md-offset-17 {
    margin-left: 70.8333333333%;
  }
  .blue-theme-col-md-pull-17 {
    position: relative;
    right: 70.8333333333%;
  }
  .blue-theme-col-md-push-17 {
    position: relative;
    left: 70.8333333333%;
  }
  .blue-theme-col-md-18 {
    width: 75%;
  }
  .blue-theme-col-md-offset-18 {
    margin-left: 75%;
  }
  .blue-theme-col-md-pull-18 {
    position: relative;
    right: 75%;
  }
  .blue-theme-col-md-push-18 {
    position: relative;
    left: 75%;
  }
  .blue-theme-col-md-19 {
    width: 79.1666666667%;
  }
  .blue-theme-col-md-offset-19 {
    margin-left: 79.1666666667%;
  }
  .blue-theme-col-md-pull-19 {
    position: relative;
    right: 79.1666666667%;
  }
  .blue-theme-col-md-push-19 {
    position: relative;
    left: 79.1666666667%;
  }
  .blue-theme-col-md-20 {
    width: 83.3333333333%;
  }
  .blue-theme-col-md-offset-20 {
    margin-left: 83.3333333333%;
  }
  .blue-theme-col-md-pull-20 {
    position: relative;
    right: 83.3333333333%;
  }
  .blue-theme-col-md-push-20 {
    position: relative;
    left: 83.3333333333%;
  }
  .blue-theme-col-md-21 {
    width: 87.5%;
  }
  .blue-theme-col-md-offset-21 {
    margin-left: 87.5%;
  }
  .blue-theme-col-md-pull-21 {
    position: relative;
    right: 87.5%;
  }
  .blue-theme-col-md-push-21 {
    position: relative;
    left: 87.5%;
  }
  .blue-theme-col-md-22 {
    width: 91.6666666667%;
  }
  .blue-theme-col-md-offset-22 {
    margin-left: 91.6666666667%;
  }
  .blue-theme-col-md-pull-22 {
    position: relative;
    right: 91.6666666667%;
  }
  .blue-theme-col-md-push-22 {
    position: relative;
    left: 91.6666666667%;
  }
  .blue-theme-col-md-23 {
    width: 95.8333333333%;
  }
  .blue-theme-col-md-offset-23 {
    margin-left: 95.8333333333%;
  }
  .blue-theme-col-md-pull-23 {
    position: relative;
    right: 95.8333333333%;
  }
  .blue-theme-col-md-push-23 {
    position: relative;
    left: 95.8333333333%;
  }
  .blue-theme-col-md-24 {
    width: 100%;
  }
  .blue-theme-col-md-offset-24 {
    margin-left: 100%;
  }
  .blue-theme-col-md-pull-24 {
    position: relative;
    right: 100%;
  }
  .blue-theme-col-md-push-24 {
    position: relative;
    left: 100%;
  }
}
@media only screen and (min-width: 992px) {
  .blue-theme-col-lg-0 {
    display: none;
  }
  .blue-theme-col-lg-0 {
    width: 0%;
  }
  .blue-theme-col-lg-offset-0 {
    margin-left: 0%;
  }
  .blue-theme-col-lg-pull-0 {
    position: relative;
    right: 0%;
  }
  .blue-theme-col-lg-push-0 {
    position: relative;
    left: 0%;
  }
  .blue-theme-col-lg-1 {
    width: 4.1666666667%;
  }
  .blue-theme-col-lg-offset-1 {
    margin-left: 4.1666666667%;
  }
  .blue-theme-col-lg-pull-1 {
    position: relative;
    right: 4.1666666667%;
  }
  .blue-theme-col-lg-push-1 {
    position: relative;
    left: 4.1666666667%;
  }
  .blue-theme-col-lg-2 {
    width: 8.3333333333%;
  }
  .blue-theme-col-lg-offset-2 {
    margin-left: 8.3333333333%;
  }
  .blue-theme-col-lg-pull-2 {
    position: relative;
    right: 8.3333333333%;
  }
  .blue-theme-col-lg-push-2 {
    position: relative;
    left: 8.3333333333%;
  }
  .blue-theme-col-lg-3 {
    width: 12.5%;
  }
  .blue-theme-col-lg-offset-3 {
    margin-left: 12.5%;
  }
  .blue-theme-col-lg-pull-3 {
    position: relative;
    right: 12.5%;
  }
  .blue-theme-col-lg-push-3 {
    position: relative;
    left: 12.5%;
  }
  .blue-theme-col-lg-4 {
    width: 16.6666666667%;
  }
  .blue-theme-col-lg-offset-4 {
    margin-left: 16.6666666667%;
  }
  .blue-theme-col-lg-pull-4 {
    position: relative;
    right: 16.6666666667%;
  }
  .blue-theme-col-lg-push-4 {
    position: relative;
    left: 16.6666666667%;
  }
  .blue-theme-col-lg-5 {
    width: 20.8333333333%;
  }
  .blue-theme-col-lg-offset-5 {
    margin-left: 20.8333333333%;
  }
  .blue-theme-col-lg-pull-5 {
    position: relative;
    right: 20.8333333333%;
  }
  .blue-theme-col-lg-push-5 {
    position: relative;
    left: 20.8333333333%;
  }
  .blue-theme-col-lg-6 {
    width: 25%;
  }
  .blue-theme-col-lg-offset-6 {
    margin-left: 25%;
  }
  .blue-theme-col-lg-pull-6 {
    position: relative;
    right: 25%;
  }
  .blue-theme-col-lg-push-6 {
    position: relative;
    left: 25%;
  }
  .blue-theme-col-lg-7 {
    width: 29.1666666667%;
  }
  .blue-theme-col-lg-offset-7 {
    margin-left: 29.1666666667%;
  }
  .blue-theme-col-lg-pull-7 {
    position: relative;
    right: 29.1666666667%;
  }
  .blue-theme-col-lg-push-7 {
    position: relative;
    left: 29.1666666667%;
  }
  .blue-theme-col-lg-8 {
    width: 33.3333333333%;
  }
  .blue-theme-col-lg-offset-8 {
    margin-left: 33.3333333333%;
  }
  .blue-theme-col-lg-pull-8 {
    position: relative;
    right: 33.3333333333%;
  }
  .blue-theme-col-lg-push-8 {
    position: relative;
    left: 33.3333333333%;
  }
  .blue-theme-col-lg-9 {
    width: 37.5%;
  }
  .blue-theme-col-lg-offset-9 {
    margin-left: 37.5%;
  }
  .blue-theme-col-lg-pull-9 {
    position: relative;
    right: 37.5%;
  }
  .blue-theme-col-lg-push-9 {
    position: relative;
    left: 37.5%;
  }
  .blue-theme-col-lg-10 {
    width: 41.6666666667%;
  }
  .blue-theme-col-lg-offset-10 {
    margin-left: 41.6666666667%;
  }
  .blue-theme-col-lg-pull-10 {
    position: relative;
    right: 41.6666666667%;
  }
  .blue-theme-col-lg-push-10 {
    position: relative;
    left: 41.6666666667%;
  }
  .blue-theme-col-lg-11 {
    width: 45.8333333333%;
  }
  .blue-theme-col-lg-offset-11 {
    margin-left: 45.8333333333%;
  }
  .blue-theme-col-lg-pull-11 {
    position: relative;
    right: 45.8333333333%;
  }
  .blue-theme-col-lg-push-11 {
    position: relative;
    left: 45.8333333333%;
  }
  .blue-theme-col-lg-12 {
    width: 50%;
  }
  .blue-theme-col-lg-offset-12 {
    margin-left: 50%;
  }
  .blue-theme-col-lg-pull-12 {
    position: relative;
    right: 50%;
  }
  .blue-theme-col-lg-push-12 {
    position: relative;
    left: 50%;
  }
  .blue-theme-col-lg-13 {
    width: 54.1666666667%;
  }
  .blue-theme-col-lg-offset-13 {
    margin-left: 54.1666666667%;
  }
  .blue-theme-col-lg-pull-13 {
    position: relative;
    right: 54.1666666667%;
  }
  .blue-theme-col-lg-push-13 {
    position: relative;
    left: 54.1666666667%;
  }
  .blue-theme-col-lg-14 {
    width: 58.3333333333%;
  }
  .blue-theme-col-lg-offset-14 {
    margin-left: 58.3333333333%;
  }
  .blue-theme-col-lg-pull-14 {
    position: relative;
    right: 58.3333333333%;
  }
  .blue-theme-col-lg-push-14 {
    position: relative;
    left: 58.3333333333%;
  }
  .blue-theme-col-lg-15 {
    width: 62.5%;
  }
  .blue-theme-col-lg-offset-15 {
    margin-left: 62.5%;
  }
  .blue-theme-col-lg-pull-15 {
    position: relative;
    right: 62.5%;
  }
  .blue-theme-col-lg-push-15 {
    position: relative;
    left: 62.5%;
  }
  .blue-theme-col-lg-16 {
    width: 66.6666666667%;
  }
  .blue-theme-col-lg-offset-16 {
    margin-left: 66.6666666667%;
  }
  .blue-theme-col-lg-pull-16 {
    position: relative;
    right: 66.6666666667%;
  }
  .blue-theme-col-lg-push-16 {
    position: relative;
    left: 66.6666666667%;
  }
  .blue-theme-col-lg-17 {
    width: 70.8333333333%;
  }
  .blue-theme-col-lg-offset-17 {
    margin-left: 70.8333333333%;
  }
  .blue-theme-col-lg-pull-17 {
    position: relative;
    right: 70.8333333333%;
  }
  .blue-theme-col-lg-push-17 {
    position: relative;
    left: 70.8333333333%;
  }
  .blue-theme-col-lg-18 {
    width: 75%;
  }
  .blue-theme-col-lg-offset-18 {
    margin-left: 75%;
  }
  .blue-theme-col-lg-pull-18 {
    position: relative;
    right: 75%;
  }
  .blue-theme-col-lg-push-18 {
    position: relative;
    left: 75%;
  }
  .blue-theme-col-lg-19 {
    width: 79.1666666667%;
  }
  .blue-theme-col-lg-offset-19 {
    margin-left: 79.1666666667%;
  }
  .blue-theme-col-lg-pull-19 {
    position: relative;
    right: 79.1666666667%;
  }
  .blue-theme-col-lg-push-19 {
    position: relative;
    left: 79.1666666667%;
  }
  .blue-theme-col-lg-20 {
    width: 83.3333333333%;
  }
  .blue-theme-col-lg-offset-20 {
    margin-left: 83.3333333333%;
  }
  .blue-theme-col-lg-pull-20 {
    position: relative;
    right: 83.3333333333%;
  }
  .blue-theme-col-lg-push-20 {
    position: relative;
    left: 83.3333333333%;
  }
  .blue-theme-col-lg-21 {
    width: 87.5%;
  }
  .blue-theme-col-lg-offset-21 {
    margin-left: 87.5%;
  }
  .blue-theme-col-lg-pull-21 {
    position: relative;
    right: 87.5%;
  }
  .blue-theme-col-lg-push-21 {
    position: relative;
    left: 87.5%;
  }
  .blue-theme-col-lg-22 {
    width: 91.6666666667%;
  }
  .blue-theme-col-lg-offset-22 {
    margin-left: 91.6666666667%;
  }
  .blue-theme-col-lg-pull-22 {
    position: relative;
    right: 91.6666666667%;
  }
  .blue-theme-col-lg-push-22 {
    position: relative;
    left: 91.6666666667%;
  }
  .blue-theme-col-lg-23 {
    width: 95.8333333333%;
  }
  .blue-theme-col-lg-offset-23 {
    margin-left: 95.8333333333%;
  }
  .blue-theme-col-lg-pull-23 {
    position: relative;
    right: 95.8333333333%;
  }
  .blue-theme-col-lg-push-23 {
    position: relative;
    left: 95.8333333333%;
  }
  .blue-theme-col-lg-24 {
    width: 100%;
  }
  .blue-theme-col-lg-offset-24 {
    margin-left: 100%;
  }
  .blue-theme-col-lg-pull-24 {
    position: relative;
    right: 100%;
  }
  .blue-theme-col-lg-push-24 {
    position: relative;
    left: 100%;
  }
}
@media only screen and (min-width: 1200px) {
  .blue-theme-col-xl-0 {
    display: none;
  }
  .blue-theme-col-xl-0 {
    width: 0%;
  }
  .blue-theme-col-xl-offset-0 {
    margin-left: 0%;
  }
  .blue-theme-col-xl-pull-0 {
    position: relative;
    right: 0%;
  }
  .blue-theme-col-xl-push-0 {
    position: relative;
    left: 0%;
  }
  .blue-theme-col-xl-1 {
    width: 4.1666666667%;
  }
  .blue-theme-col-xl-offset-1 {
    margin-left: 4.1666666667%;
  }
  .blue-theme-col-xl-pull-1 {
    position: relative;
    right: 4.1666666667%;
  }
  .blue-theme-col-xl-push-1 {
    position: relative;
    left: 4.1666666667%;
  }
  .blue-theme-col-xl-2 {
    width: 8.3333333333%;
  }
  .blue-theme-col-xl-offset-2 {
    margin-left: 8.3333333333%;
  }
  .blue-theme-col-xl-pull-2 {
    position: relative;
    right: 8.3333333333%;
  }
  .blue-theme-col-xl-push-2 {
    position: relative;
    left: 8.3333333333%;
  }
  .blue-theme-col-xl-3 {
    width: 12.5%;
  }
  .blue-theme-col-xl-offset-3 {
    margin-left: 12.5%;
  }
  .blue-theme-col-xl-pull-3 {
    position: relative;
    right: 12.5%;
  }
  .blue-theme-col-xl-push-3 {
    position: relative;
    left: 12.5%;
  }
  .blue-theme-col-xl-4 {
    width: 16.6666666667%;
  }
  .blue-theme-col-xl-offset-4 {
    margin-left: 16.6666666667%;
  }
  .blue-theme-col-xl-pull-4 {
    position: relative;
    right: 16.6666666667%;
  }
  .blue-theme-col-xl-push-4 {
    position: relative;
    left: 16.6666666667%;
  }
  .blue-theme-col-xl-5 {
    width: 20.8333333333%;
  }
  .blue-theme-col-xl-offset-5 {
    margin-left: 20.8333333333%;
  }
  .blue-theme-col-xl-pull-5 {
    position: relative;
    right: 20.8333333333%;
  }
  .blue-theme-col-xl-push-5 {
    position: relative;
    left: 20.8333333333%;
  }
  .blue-theme-col-xl-6 {
    width: 25%;
  }
  .blue-theme-col-xl-offset-6 {
    margin-left: 25%;
  }
  .blue-theme-col-xl-pull-6 {
    position: relative;
    right: 25%;
  }
  .blue-theme-col-xl-push-6 {
    position: relative;
    left: 25%;
  }
  .blue-theme-col-xl-7 {
    width: 29.1666666667%;
  }
  .blue-theme-col-xl-offset-7 {
    margin-left: 29.1666666667%;
  }
  .blue-theme-col-xl-pull-7 {
    position: relative;
    right: 29.1666666667%;
  }
  .blue-theme-col-xl-push-7 {
    position: relative;
    left: 29.1666666667%;
  }
  .blue-theme-col-xl-8 {
    width: 33.3333333333%;
  }
  .blue-theme-col-xl-offset-8 {
    margin-left: 33.3333333333%;
  }
  .blue-theme-col-xl-pull-8 {
    position: relative;
    right: 33.3333333333%;
  }
  .blue-theme-col-xl-push-8 {
    position: relative;
    left: 33.3333333333%;
  }
  .blue-theme-col-xl-9 {
    width: 37.5%;
  }
  .blue-theme-col-xl-offset-9 {
    margin-left: 37.5%;
  }
  .blue-theme-col-xl-pull-9 {
    position: relative;
    right: 37.5%;
  }
  .blue-theme-col-xl-push-9 {
    position: relative;
    left: 37.5%;
  }
  .blue-theme-col-xl-10 {
    width: 41.6666666667%;
  }
  .blue-theme-col-xl-offset-10 {
    margin-left: 41.6666666667%;
  }
  .blue-theme-col-xl-pull-10 {
    position: relative;
    right: 41.6666666667%;
  }
  .blue-theme-col-xl-push-10 {
    position: relative;
    left: 41.6666666667%;
  }
  .blue-theme-col-xl-11 {
    width: 45.8333333333%;
  }
  .blue-theme-col-xl-offset-11 {
    margin-left: 45.8333333333%;
  }
  .blue-theme-col-xl-pull-11 {
    position: relative;
    right: 45.8333333333%;
  }
  .blue-theme-col-xl-push-11 {
    position: relative;
    left: 45.8333333333%;
  }
  .blue-theme-col-xl-12 {
    width: 50%;
  }
  .blue-theme-col-xl-offset-12 {
    margin-left: 50%;
  }
  .blue-theme-col-xl-pull-12 {
    position: relative;
    right: 50%;
  }
  .blue-theme-col-xl-push-12 {
    position: relative;
    left: 50%;
  }
  .blue-theme-col-xl-13 {
    width: 54.1666666667%;
  }
  .blue-theme-col-xl-offset-13 {
    margin-left: 54.1666666667%;
  }
  .blue-theme-col-xl-pull-13 {
    position: relative;
    right: 54.1666666667%;
  }
  .blue-theme-col-xl-push-13 {
    position: relative;
    left: 54.1666666667%;
  }
  .blue-theme-col-xl-14 {
    width: 58.3333333333%;
  }
  .blue-theme-col-xl-offset-14 {
    margin-left: 58.3333333333%;
  }
  .blue-theme-col-xl-pull-14 {
    position: relative;
    right: 58.3333333333%;
  }
  .blue-theme-col-xl-push-14 {
    position: relative;
    left: 58.3333333333%;
  }
  .blue-theme-col-xl-15 {
    width: 62.5%;
  }
  .blue-theme-col-xl-offset-15 {
    margin-left: 62.5%;
  }
  .blue-theme-col-xl-pull-15 {
    position: relative;
    right: 62.5%;
  }
  .blue-theme-col-xl-push-15 {
    position: relative;
    left: 62.5%;
  }
  .blue-theme-col-xl-16 {
    width: 66.6666666667%;
  }
  .blue-theme-col-xl-offset-16 {
    margin-left: 66.6666666667%;
  }
  .blue-theme-col-xl-pull-16 {
    position: relative;
    right: 66.6666666667%;
  }
  .blue-theme-col-xl-push-16 {
    position: relative;
    left: 66.6666666667%;
  }
  .blue-theme-col-xl-17 {
    width: 70.8333333333%;
  }
  .blue-theme-col-xl-offset-17 {
    margin-left: 70.8333333333%;
  }
  .blue-theme-col-xl-pull-17 {
    position: relative;
    right: 70.8333333333%;
  }
  .blue-theme-col-xl-push-17 {
    position: relative;
    left: 70.8333333333%;
  }
  .blue-theme-col-xl-18 {
    width: 75%;
  }
  .blue-theme-col-xl-offset-18 {
    margin-left: 75%;
  }
  .blue-theme-col-xl-pull-18 {
    position: relative;
    right: 75%;
  }
  .blue-theme-col-xl-push-18 {
    position: relative;
    left: 75%;
  }
  .blue-theme-col-xl-19 {
    width: 79.1666666667%;
  }
  .blue-theme-col-xl-offset-19 {
    margin-left: 79.1666666667%;
  }
  .blue-theme-col-xl-pull-19 {
    position: relative;
    right: 79.1666666667%;
  }
  .blue-theme-col-xl-push-19 {
    position: relative;
    left: 79.1666666667%;
  }
  .blue-theme-col-xl-20 {
    width: 83.3333333333%;
  }
  .blue-theme-col-xl-offset-20 {
    margin-left: 83.3333333333%;
  }
  .blue-theme-col-xl-pull-20 {
    position: relative;
    right: 83.3333333333%;
  }
  .blue-theme-col-xl-push-20 {
    position: relative;
    left: 83.3333333333%;
  }
  .blue-theme-col-xl-21 {
    width: 87.5%;
  }
  .blue-theme-col-xl-offset-21 {
    margin-left: 87.5%;
  }
  .blue-theme-col-xl-pull-21 {
    position: relative;
    right: 87.5%;
  }
  .blue-theme-col-xl-push-21 {
    position: relative;
    left: 87.5%;
  }
  .blue-theme-col-xl-22 {
    width: 91.6666666667%;
  }
  .blue-theme-col-xl-offset-22 {
    margin-left: 91.6666666667%;
  }
  .blue-theme-col-xl-pull-22 {
    position: relative;
    right: 91.6666666667%;
  }
  .blue-theme-col-xl-push-22 {
    position: relative;
    left: 91.6666666667%;
  }
  .blue-theme-col-xl-23 {
    width: 95.8333333333%;
  }
  .blue-theme-col-xl-offset-23 {
    margin-left: 95.8333333333%;
  }
  .blue-theme-col-xl-pull-23 {
    position: relative;
    right: 95.8333333333%;
  }
  .blue-theme-col-xl-push-23 {
    position: relative;
    left: 95.8333333333%;
  }
  .blue-theme-col-xl-24 {
    width: 100%;
  }
  .blue-theme-col-xl-offset-24 {
    margin-left: 100%;
  }
  .blue-theme-col-xl-pull-24 {
    position: relative;
    right: 100%;
  }
  .blue-theme-col-xl-push-24 {
    position: relative;
    left: 100%;
  }
}
@media only screen and (min-width: 1600px) {
  .blue-theme-col-xxl-0 {
    display: none;
  }
  .blue-theme-col-xxl-0 {
    width: 0%;
  }
  .blue-theme-col-xxl-offset-0 {
    margin-left: 0%;
  }
  .blue-theme-col-xxl-pull-0 {
    position: relative;
    right: 0%;
  }
  .blue-theme-col-xxl-push-0 {
    position: relative;
    left: 0%;
  }
  .blue-theme-col-xxl-1 {
    width: 4.1666666667%;
  }
  .blue-theme-col-xxl-offset-1 {
    margin-left: 4.1666666667%;
  }
  .blue-theme-col-xxl-pull-1 {
    position: relative;
    right: 4.1666666667%;
  }
  .blue-theme-col-xxl-push-1 {
    position: relative;
    left: 4.1666666667%;
  }
  .blue-theme-col-xxl-2 {
    width: 8.3333333333%;
  }
  .blue-theme-col-xxl-offset-2 {
    margin-left: 8.3333333333%;
  }
  .blue-theme-col-xxl-pull-2 {
    position: relative;
    right: 8.3333333333%;
  }
  .blue-theme-col-xxl-push-2 {
    position: relative;
    left: 8.3333333333%;
  }
  .blue-theme-col-xxl-3 {
    width: 12.5%;
  }
  .blue-theme-col-xxl-offset-3 {
    margin-left: 12.5%;
  }
  .blue-theme-col-xxl-pull-3 {
    position: relative;
    right: 12.5%;
  }
  .blue-theme-col-xxl-push-3 {
    position: relative;
    left: 12.5%;
  }
  .blue-theme-col-xxl-4 {
    width: 16.6666666667%;
  }
  .blue-theme-col-xxl-offset-4 {
    margin-left: 16.6666666667%;
  }
  .blue-theme-col-xxl-pull-4 {
    position: relative;
    right: 16.6666666667%;
  }
  .blue-theme-col-xxl-push-4 {
    position: relative;
    left: 16.6666666667%;
  }
  .blue-theme-col-xxl-5 {
    width: 20.8333333333%;
  }
  .blue-theme-col-xxl-offset-5 {
    margin-left: 20.8333333333%;
  }
  .blue-theme-col-xxl-pull-5 {
    position: relative;
    right: 20.8333333333%;
  }
  .blue-theme-col-xxl-push-5 {
    position: relative;
    left: 20.8333333333%;
  }
  .blue-theme-col-xxl-6 {
    width: 25%;
  }
  .blue-theme-col-xxl-offset-6 {
    margin-left: 25%;
  }
  .blue-theme-col-xxl-pull-6 {
    position: relative;
    right: 25%;
  }
  .blue-theme-col-xxl-push-6 {
    position: relative;
    left: 25%;
  }
  .blue-theme-col-xxl-7 {
    width: 29.1666666667%;
  }
  .blue-theme-col-xxl-offset-7 {
    margin-left: 29.1666666667%;
  }
  .blue-theme-col-xxl-pull-7 {
    position: relative;
    right: 29.1666666667%;
  }
  .blue-theme-col-xxl-push-7 {
    position: relative;
    left: 29.1666666667%;
  }
  .blue-theme-col-xxl-8 {
    width: 33.3333333333%;
  }
  .blue-theme-col-xxl-offset-8 {
    margin-left: 33.3333333333%;
  }
  .blue-theme-col-xxl-pull-8 {
    position: relative;
    right: 33.3333333333%;
  }
  .blue-theme-col-xxl-push-8 {
    position: relative;
    left: 33.3333333333%;
  }
  .blue-theme-col-xxl-9 {
    width: 37.5%;
  }
  .blue-theme-col-xxl-offset-9 {
    margin-left: 37.5%;
  }
  .blue-theme-col-xxl-pull-9 {
    position: relative;
    right: 37.5%;
  }
  .blue-theme-col-xxl-push-9 {
    position: relative;
    left: 37.5%;
  }
  .blue-theme-col-xxl-10 {
    width: 41.6666666667%;
  }
  .blue-theme-col-xxl-offset-10 {
    margin-left: 41.6666666667%;
  }
  .blue-theme-col-xxl-pull-10 {
    position: relative;
    right: 41.6666666667%;
  }
  .blue-theme-col-xxl-push-10 {
    position: relative;
    left: 41.6666666667%;
  }
  .blue-theme-col-xxl-11 {
    width: 45.8333333333%;
  }
  .blue-theme-col-xxl-offset-11 {
    margin-left: 45.8333333333%;
  }
  .blue-theme-col-xxl-pull-11 {
    position: relative;
    right: 45.8333333333%;
  }
  .blue-theme-col-xxl-push-11 {
    position: relative;
    left: 45.8333333333%;
  }
  .blue-theme-col-xxl-12 {
    width: 50%;
  }
  .blue-theme-col-xxl-offset-12 {
    margin-left: 50%;
  }
  .blue-theme-col-xxl-pull-12 {
    position: relative;
    right: 50%;
  }
  .blue-theme-col-xxl-push-12 {
    position: relative;
    left: 50%;
  }
  .blue-theme-col-xxl-13 {
    width: 54.1666666667%;
  }
  .blue-theme-col-xxl-offset-13 {
    margin-left: 54.1666666667%;
  }
  .blue-theme-col-xxl-pull-13 {
    position: relative;
    right: 54.1666666667%;
  }
  .blue-theme-col-xxl-push-13 {
    position: relative;
    left: 54.1666666667%;
  }
  .blue-theme-col-xxl-14 {
    width: 58.3333333333%;
  }
  .blue-theme-col-xxl-offset-14 {
    margin-left: 58.3333333333%;
  }
  .blue-theme-col-xxl-pull-14 {
    position: relative;
    right: 58.3333333333%;
  }
  .blue-theme-col-xxl-push-14 {
    position: relative;
    left: 58.3333333333%;
  }
  .blue-theme-col-xxl-15 {
    width: 62.5%;
  }
  .blue-theme-col-xxl-offset-15 {
    margin-left: 62.5%;
  }
  .blue-theme-col-xxl-pull-15 {
    position: relative;
    right: 62.5%;
  }
  .blue-theme-col-xxl-push-15 {
    position: relative;
    left: 62.5%;
  }
  .blue-theme-col-xxl-16 {
    width: 66.6666666667%;
  }
  .blue-theme-col-xxl-offset-16 {
    margin-left: 66.6666666667%;
  }
  .blue-theme-col-xxl-pull-16 {
    position: relative;
    right: 66.6666666667%;
  }
  .blue-theme-col-xxl-push-16 {
    position: relative;
    left: 66.6666666667%;
  }
  .blue-theme-col-xxl-17 {
    width: 70.8333333333%;
  }
  .blue-theme-col-xxl-offset-17 {
    margin-left: 70.8333333333%;
  }
  .blue-theme-col-xxl-pull-17 {
    position: relative;
    right: 70.8333333333%;
  }
  .blue-theme-col-xxl-push-17 {
    position: relative;
    left: 70.8333333333%;
  }
  .blue-theme-col-xxl-18 {
    width: 75%;
  }
  .blue-theme-col-xxl-offset-18 {
    margin-left: 75%;
  }
  .blue-theme-col-xxl-pull-18 {
    position: relative;
    right: 75%;
  }
  .blue-theme-col-xxl-push-18 {
    position: relative;
    left: 75%;
  }
  .blue-theme-col-xxl-19 {
    width: 79.1666666667%;
  }
  .blue-theme-col-xxl-offset-19 {
    margin-left: 79.1666666667%;
  }
  .blue-theme-col-xxl-pull-19 {
    position: relative;
    right: 79.1666666667%;
  }
  .blue-theme-col-xxl-push-19 {
    position: relative;
    left: 79.1666666667%;
  }
  .blue-theme-col-xxl-20 {
    width: 83.3333333333%;
  }
  .blue-theme-col-xxl-offset-20 {
    margin-left: 83.3333333333%;
  }
  .blue-theme-col-xxl-pull-20 {
    position: relative;
    right: 83.3333333333%;
  }
  .blue-theme-col-xxl-push-20 {
    position: relative;
    left: 83.3333333333%;
  }
  .blue-theme-col-xxl-21 {
    width: 87.5%;
  }
  .blue-theme-col-xxl-offset-21 {
    margin-left: 87.5%;
  }
  .blue-theme-col-xxl-pull-21 {
    position: relative;
    right: 87.5%;
  }
  .blue-theme-col-xxl-push-21 {
    position: relative;
    left: 87.5%;
  }
  .blue-theme-col-xxl-22 {
    width: 91.6666666667%;
  }
  .blue-theme-col-xxl-offset-22 {
    margin-left: 91.6666666667%;
  }
  .blue-theme-col-xxl-pull-22 {
    position: relative;
    right: 91.6666666667%;
  }
  .blue-theme-col-xxl-push-22 {
    position: relative;
    left: 91.6666666667%;
  }
  .blue-theme-col-xxl-23 {
    width: 95.8333333333%;
  }
  .blue-theme-col-xxl-offset-23 {
    margin-left: 95.8333333333%;
  }
  .blue-theme-col-xxl-pull-23 {
    position: relative;
    right: 95.8333333333%;
  }
  .blue-theme-col-xxl-push-23 {
    position: relative;
    left: 95.8333333333%;
  }
  .blue-theme-col-xxl-24 {
    width: 100%;
  }
  .blue-theme-col-xxl-offset-24 {
    margin-left: 100%;
  }
  .blue-theme-col-xxl-pull-24 {
    position: relative;
    right: 100%;
  }
  .blue-theme-col-xxl-push-24 {
    position: relative;
    left: 100%;
  }
}
/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
/**
* 基础变量
* 参见: https://km.sankuai.com/page/147289627
**/
/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
.blue-theme-input-search {
  display: inline-flex;
}
.blue-theme-input-search-button {
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
}
.blue-theme-input-search-enter-button .blue-theme-input-search-input-wrapper,
.blue-theme-input-search-enter-button .blue-theme-input-search-input {
  border-right: none;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
}

/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
/**
* 基础变量
* 参见: https://km.sankuai.com/page/147289627
**/
/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
/**
* 基础变量
* 参见: https://km.sankuai.com/page/147289627
**/
/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
.blue-theme-input {
  font-size: inherit;
  display: block;
  width: 100%;
  height: 100%;
  color: currentColor;
  padding: 0;
  background: transparent;
  border: 0 solid rgba(0, 0, 0, 0.12);
  border-radius: 0;
  flex: 1 1 0;
}
.blue-theme-input:hover {
  border-color: #2A8EFE;
}
.blue-theme-input:focus {
  border-color: #0A70F5;
  outline: none;
}
.blue-theme-input-wrapper {
  display: inline-flex;
  align-items: stretch;
  position: relative;
  color: rgba(0, 0, 0, 0.9);
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.12);
  border-radius: 6px;
}
.blue-theme-input-clear {
  cursor: pointer;
}
.blue-theme-input-prefix-inner, .blue-theme-input-suffix-inner {
  color: rgba(0, 0, 0, 0.5);
  display: inline-flex;
  align-items: center;
  flex: 0 0 auto;
}
.blue-theme-input-prefix-inner:hover, .blue-theme-input-suffix-inner:hover {
  color: rgba(0, 0, 0, 0.7);
}
.blue-theme-input-prefix-inner > i, .blue-theme-input-suffix-inner > i {
  flex: 0 0 auto;
}
.blue-theme-input-prefix-inner .blue-theme-icon-loading, .blue-theme-input-suffix-inner .blue-theme-icon-loading {
  color: rgba(0, 0, 0, 0.35);
}
.blue-theme-input-prefix-inner .blue-theme-icon-loading:hover, .blue-theme-input-suffix-inner .blue-theme-icon-loading:hover {
  color: rgba(0, 0, 0, 0.35);
}
.blue-theme-input-prefix-inner {
  margin-right: 4px;
}
.blue-theme-input-suffix-inner {
  margin-left: 4px;
}
.blue-theme-input-count {
  color: rgba(0, 0, 0, 0.5);
  font-size: 12px;
  margin-left: 4px;
}
.blue-theme-input-focused {
  border-color: #0A70F5;
  z-index: 1;
}
.blue-theme-input-hover {
  z-index: 1;
  border-color: #2A8EFE;
}
.blue-theme-input-readonly {
  color: rgba(0, 0, 0, 0.5);
  border-color: rgba(0, 0, 0, 0.12);
}
.blue-theme-input-disabled {
  background-color: rgba(0, 0, 0, 0.04);
  color: rgba(0, 0, 0, 0.25);
  border-color: rgba(0, 0, 0, 0.12);
  cursor: not-allowed;
}
.blue-theme-input-disabled .blue-theme-input {
  cursor: not-allowed;
}
.blue-theme-input-disabled .blue-theme-input-prefix-inner,
.blue-theme-input-disabled .blue-theme-input-suffix-inner {
  color: rgba(0, 0, 0, 0.35);
}
.blue-theme-input-error {
  border-color: #f5483b;
}
.blue-theme-input-error .status-icon {
  color: #f5483b;
  margin-left: 4px;
}
.blue-theme-input-success {
  border-color: #00ba73;
}
.blue-theme-input-success .status-icon {
  color: #00ba73;
  margin-left: 4px;
}
.blue-theme-input-warning {
  border-color: #ff9d00;
}
.blue-theme-input-warning .status-icon {
  color: #ff9d00;
  margin-left: 4px;
}
.blue-theme-input-wrapper {
  width: 180px;
  height: 32px;
  font-size: 14px;
  padding: 0 8px;
}
.blue-theme-input-wrapper .blue-theme-input-prefix-inner {
  font-size: 16px;
}
.blue-theme-input-wrapper .blue-theme-input-suffix-inner {
  font-size: 16px;
}
.blue-theme-input-wrapper.blue-theme-input-group > .blue-theme-input {
  padding: 0 8px;
}
.blue-theme-input-small {
  width: 160px;
  height: 24px;
  font-size: 12px;
  padding: 0 8px;
  border-radius: 4px;
}
.blue-theme-input-small .blue-theme-input-prefix-inner {
  font-size: 14px;
}
.blue-theme-input-small .blue-theme-input-suffix-inner {
  font-size: 14px;
}
.blue-theme-input-small.blue-theme-input-group > .blue-theme-input {
  padding: 0 8px;
}
.blue-theme-input-large {
  width: 200px;
  height: 40px;
  font-size: 16px;
  padding: 0 12px;
}
.blue-theme-input-large .blue-theme-input-prefix-inner {
  font-size: 18px;
}
.blue-theme-input-large .blue-theme-input-suffix-inner {
  font-size: 18px;
}
.blue-theme-input-large.blue-theme-input-group > .blue-theme-input {
  padding: 0 12px;
}
.blue-theme-input-line {
  background-color: transparent;
  border-width: 0;
  border-bottom-width: 1px;
  border-radius: 0;
}
.blue-theme-input-line.blue-theme-input-wrapper {
  padding-left: 0;
  padding-right: 0;
}
.blue-theme-input-area {
  color: rgba(0, 0, 0, 0.9);
  background-color: rgba(0, 0, 0, 0.04);
  border: 1px solid transparent;
}
.blue-theme-input-area ::placeholder {
  color: rgba(0, 0, 0, 0.25);
}
.blue-theme-input-area.blue-theme-input-hover {
  background-color: rgba(0, 0, 0, 0.06);
}
.blue-theme-input-area.blue-theme-input-focused {
  background-color: #fff;
  border-color: #0A70F5;
}
.blue-theme-input-area.blue-theme-input-disabled {
  color: rgba(0, 0, 0, 0.25);
  background: rgba(0, 0, 0, 0.04);
}
.blue-theme-input-area.blue-theme-input-readonly {
  color: rgba(0, 0, 0, 0.5);
  background-color: rgba(0, 0, 0, 0.04);
}
.blue-theme-input-area.blue-theme-input-error {
  background-color: rgba(245, 72, 59, 0.05);
}
.blue-theme-input-area.blue-theme-input-success {
  background-color: rgba(0, 186, 115, 0.05);
}
.blue-theme-input-area.blue-theme-input-warning {
  background-color: rgba(255, 157, 0, 0.05);
}
.blue-theme-input-pre {
  position: absolute;
  visibility: hidden;
  white-space: pre;
  display: block;
}

/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
/**
* 基础变量
* 参见: https://km.sankuai.com/page/147289627
**/
/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
.blue-theme-input-group {
  position: relative;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
  border: none;
}
.blue-theme-input-group-compact {
  display: flex;
  align-items: stretch;
}
.blue-theme-input-group-compact > *:not(:last-child) {
  margin-right: -1px;
}
.blue-theme-input-group > *,
.blue-theme-input-group .blue-theme-input,
.blue-theme-input-group .blue-theme-input-wrapper,
.blue-theme-input-group .blue-theme-input-number,
.blue-theme-input-group .blue-theme-input-number-wrapper,
.blue-theme-input-group .blue-theme-input-group :first-child,
.blue-theme-input-group .blue-theme-input-group :last-child {
  border-radius: 0;
}
.blue-theme-input-group > :first-child,
.blue-theme-input-group > :first-child .blue-theme-input-wrapper,
.blue-theme-input-group .blue-theme-input-group:first-child > :first-child {
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
}
.blue-theme-input-group > :last-child,
.blue-theme-input-group > :last-child .blue-theme-input-wrapper,
.blue-theme-input-group .blue-theme-input-group:last-child > :last-child {
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
}
.blue-theme-input-group > .blue-theme-input {
  border-width: 1px;
}
.blue-theme-input-group.blue-theme-input-error > .blue-theme-input {
  border-color: #f5483b;
}
.blue-theme-input-group.blue-theme-input-error > .blue-theme-input .status-icon {
  color: #f5483b;
  margin-left: 4px;
}
.blue-theme-input-group.blue-theme-input-success > .blue-theme-input {
  border-color: #00ba73;
}
.blue-theme-input-group.blue-theme-input-success > .blue-theme-input .status-icon {
  color: #00ba73;
  margin-left: 4px;
}
.blue-theme-input-group.blue-theme-input-warning > .blue-theme-input {
  border-color: #ff9d00;
}
.blue-theme-input-group.blue-theme-input-warning > .blue-theme-input .status-icon {
  color: #ff9d00;
  margin-left: 4px;
}
.blue-theme-input-group-prepend, .blue-theme-input-group-append {
  display: inline-flex;
  align-items: center;
  flex: 0 0 auto;
  line-height: 1.5;
  padding: 0 8px;
  background-color: #f5f5f5;
  white-space: nowrap;
  border: 1px solid rgba(0, 0, 0, 0.12);
}
.blue-theme-input-group-prepend .blue-theme-select, .blue-theme-input-group-append .blue-theme-select {
  margin: -1px -9px;
}
.blue-theme-input-group-prepend .blue-theme-input-wrapper, .blue-theme-input-group-append .blue-theme-input-wrapper {
  border-color: transparent;
  background-color: transparent;
}
.blue-theme-input-group-prepend .blue-theme-input-hover, .blue-theme-input-group-append .blue-theme-input-hover {
  border-color: #2A8EFE;
}
.blue-theme-input-group-prepend .blue-theme-input-focused, .blue-theme-input-group-append .blue-theme-input-focused {
  border-color: #0A70F5;
}
.blue-theme-input-group-prepend {
  border-right: none;
}
.blue-theme-input-group-append {
  border-left: none;
}
.blue-theme-input-group[class*=col-] {
  float: none;
  padding-right: 0;
  padding-left: 0;
}
.blue-theme-input-group > [class*=col-] {
  padding-right: 8px;
}
.blue-theme-input-group > [class*=col-]:last-child {
  padding-right: 0;
}

.blue-theme-input-group .blue-theme-input-number-wrapper {
  width: 100%;
}

.blue-theme-input-number {
  font-size: inherit;
  text-align: inherit;
  display: block;
  width: 100%;
  height: 100%;
  color: rgba(0, 0, 0, 0.9);
  background-color: #fff;
  border: none;
}
.blue-theme-input-number-wrapper {
  display: inline-flex;
  position: relative;
  text-align: center;
  border: 1px solid rgba(0, 0, 0, 0.12);
  overflow: hidden;
  width: 112px;
  height: 32px;
  font-size: 14px;
}
.blue-theme-input-number-wrapper:hover, .blue-theme-input-number-wrapper:focus {
  border-color: #0A70F5;
}
.blue-theme-input-number-wrapper .blue-theme-input-number {
  padding: 0 38px;
  font-weight: 400;
}
.blue-theme-input-number-wrapper .blue-theme-input-number-handle {
  width: 30px;
  height: 30px;
  font-size: 16px;
  line-height: 30px;
}
.blue-theme-input-number-wrapper.blue-theme-input-number-wrapper {
  border-radius: 6px;
}
.blue-theme-input-number-wrapper.blue-theme-input-number-controls-right {
  width: 69px;
}
.blue-theme-input-number-wrapper.blue-theme-input-number-controls-right .blue-theme-input-number {
  padding-left: 8px;
  padding-right: 27px;
}
.blue-theme-input-number-wrapper.blue-theme-input-number-controls-right .blue-theme-input-number-handle {
  width: 19px;
  height: 15px;
  font-size: 14px;
  line-height: 15px;
}
.blue-theme-input-number-wrapper.blue-theme-input-number-controls-right .blue-theme-input-number-handle i {
  transform: scale(0.6);
}
.blue-theme-input-number-wrapper.blue-theme-input-number-controls-right .blue-theme-input-number-handle-down {
  top: 15px;
}
.blue-theme-input-number-wrapper.blue-theme-input-number-without-controls {
  width: 52px;
}
.blue-theme-input-number-wrapper.blue-theme-input-number-without-controls .blue-theme-input-number {
  padding: 0 8px;
}
.blue-theme-input-number:focus {
  border-color: #0A70F5;
  outline: none;
}
.blue-theme-input-number-handle {
  position: absolute;
  z-index: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  top: 0;
  color: rgba(0, 0, 0, 0.7);
  background-color: #fff;
  cursor: pointer;
}
.blue-theme-input-number-handle:hover, .blue-theme-input-number-handle.hover {
  color: rgba(0, 0, 0, 0.5);
  background-color: rgba(0, 0, 0, 0.04);
}
.blue-theme-input-number-handle:active {
  background-color: rgba(0, 0, 0, 0.12);
}
.blue-theme-input-number-handle-up {
  right: 0;
  border-left: 1px solid rgba(0, 0, 0, 0.12);
}
.blue-theme-input-number-handle-down {
  left: 0;
  border-right: 1px solid rgba(0, 0, 0, 0.12);
}
.blue-theme-input-number-handle-disabled {
  color: rgba(0, 0, 0, 0.5);
  cursor: not-allowed;
}
.blue-theme-input-number-handle-disabled:hover, .blue-theme-input-number-handle-disabled.hover {
  color: rgba(0, 0, 0, 0.5);
}
.blue-theme-input-number-disabled {
  opacity: 1;
}
.blue-theme-input-number-disabled .blue-theme-input-number {
  cursor: not-allowed;
  color: rgba(0, 0, 0, 0.5);
  border-color: rgba(0, 0, 0, 0.12);
  background-color: rgba(0, 0, 0, 0.04);
}
.blue-theme-input-number-disabled .blue-theme-input-number-handle {
  color: rgba(0, 0, 0, 0.5);
  background-color: transparent;
  cursor: not-allowed;
}
.blue-theme-input-number-error {
  border-color: #f5483b;
}
.blue-theme-input-number-warning {
  border-color: #ff9d00;
}
.blue-theme-input-number-success {
  border-color: #00ba73;
}
.blue-theme-input-number-without-controls .blue-theme-input-number {
  padding: 0;
}
.blue-theme-input-number-controls-right .blue-theme-input-number-handle-down {
  left: initial;
  right: 0;
  border-left: 1px solid rgba(0, 0, 0, 0.12);
  border-top: 1px solid rgba(0, 0, 0, 0.12);
  border-right: none;
}
.blue-theme-input-number-small {
  width: 92px;
  height: 24px;
  font-size: 12px;
}
.blue-theme-input-number-small .blue-theme-input-number {
  padding: 0 30px;
  font-weight: 400;
}
.blue-theme-input-number-small .blue-theme-input-number-handle {
  width: 22px;
  height: 22px;
  font-size: 12px;
  line-height: 22px;
}
.blue-theme-input-number-small.blue-theme-input-number-wrapper {
  border-radius: 4px;
}
.blue-theme-input-number-small.blue-theme-input-number-controls-right {
  width: 63px;
}
.blue-theme-input-number-small.blue-theme-input-number-controls-right .blue-theme-input-number {
  padding-left: 8px;
  padding-right: 23px;
}
.blue-theme-input-number-small.blue-theme-input-number-controls-right .blue-theme-input-number-handle {
  width: 15px;
  height: 11px;
  font-size: 12px;
  line-height: 11px;
}
.blue-theme-input-number-small.blue-theme-input-number-controls-right .blue-theme-input-number-handle i {
  transform: scale(0.6);
}
.blue-theme-input-number-small.blue-theme-input-number-controls-right .blue-theme-input-number-handle-down {
  top: 11px;
}
.blue-theme-input-number-small.blue-theme-input-number-without-controls {
  width: 48px;
}
.blue-theme-input-number-small.blue-theme-input-number-without-controls .blue-theme-input-number {
  padding: 0 8px;
}
.blue-theme-input-number-large {
  width: 132px;
  height: 40px;
  font-size: 16px;
}
.blue-theme-input-number-large .blue-theme-input-number {
  padding: 0 46px;
  font-weight: 400;
}
.blue-theme-input-number-large .blue-theme-input-number-handle {
  width: 38px;
  height: 38px;
  font-size: 20px;
  line-height: 38px;
}
.blue-theme-input-number-large.blue-theme-input-number-wrapper {
  border-radius: 6px;
}
.blue-theme-input-number-large.blue-theme-input-number-controls-right {
  width: 79px;
}
.blue-theme-input-number-large.blue-theme-input-number-controls-right .blue-theme-input-number {
  padding-left: 8px;
  padding-right: 31px;
}
.blue-theme-input-number-large.blue-theme-input-number-controls-right .blue-theme-input-number-handle {
  width: 23px;
  height: 19px;
  font-size: 16px;
  line-height: 19px;
}
.blue-theme-input-number-large.blue-theme-input-number-controls-right .blue-theme-input-number-handle i {
  transform: scale(0.6);
}
.blue-theme-input-number-large.blue-theme-input-number-controls-right .blue-theme-input-number-handle-down {
  top: 19px;
}
.blue-theme-input-number-large.blue-theme-input-number-without-controls {
  width: 56px;
}
.blue-theme-input-number-large.blue-theme-input-number-without-controls .blue-theme-input-number {
  padding: 0 8px;
}

/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
/**
* 基础变量
* 参见: https://km.sankuai.com/page/147289627
**/
/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
.blue-theme-autocomplete {
  width: 180px;
}
.blue-theme-autocomplete .blue-theme-input-wrapper {
  width: 100%;
  vertical-align: top;
}

/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
/**
* 基础变量
* 参见: https://km.sankuai.com/page/147289627
**/
/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
/**
* 基础变量
* 参见: https://km.sankuai.com/page/147289627
**/
/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
/**
* 基础变量
* 参见: https://km.sankuai.com/page/147289627
**/
/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
.blue-theme-input {
  font-size: inherit;
  display: block;
  width: 100%;
  height: 100%;
  color: currentColor;
  padding: 0;
  background: transparent;
  border: 0 solid rgba(0, 0, 0, 0.12);
  border-radius: 0;
  flex: 1 1 0;
}
.blue-theme-input:hover {
  border-color: #2A8EFE;
}
.blue-theme-input:focus {
  border-color: #0A70F5;
  outline: none;
}
.blue-theme-input-wrapper {
  display: inline-flex;
  align-items: stretch;
  position: relative;
  color: rgba(0, 0, 0, 0.9);
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.12);
  border-radius: 6px;
}
.blue-theme-input-clear {
  cursor: pointer;
}
.blue-theme-input-prefix-inner, .blue-theme-input-suffix-inner {
  color: rgba(0, 0, 0, 0.5);
  display: inline-flex;
  align-items: center;
  flex: 0 0 auto;
}
.blue-theme-input-prefix-inner:hover, .blue-theme-input-suffix-inner:hover {
  color: rgba(0, 0, 0, 0.7);
}
.blue-theme-input-prefix-inner > i, .blue-theme-input-suffix-inner > i {
  flex: 0 0 auto;
}
.blue-theme-input-prefix-inner .blue-theme-icon-loading, .blue-theme-input-suffix-inner .blue-theme-icon-loading {
  color: rgba(0, 0, 0, 0.35);
}
.blue-theme-input-prefix-inner .blue-theme-icon-loading:hover, .blue-theme-input-suffix-inner .blue-theme-icon-loading:hover {
  color: rgba(0, 0, 0, 0.35);
}
.blue-theme-input-prefix-inner {
  margin-right: 4px;
}
.blue-theme-input-suffix-inner {
  margin-left: 4px;
}
.blue-theme-input-count {
  color: rgba(0, 0, 0, 0.5);
  font-size: 12px;
  margin-left: 4px;
}
.blue-theme-input-focused {
  border-color: #0A70F5;
  z-index: 1;
}
.blue-theme-input-hover {
  z-index: 1;
  border-color: #2A8EFE;
}
.blue-theme-input-readonly {
  color: rgba(0, 0, 0, 0.5);
  border-color: rgba(0, 0, 0, 0.12);
}
.blue-theme-input-disabled {
  background-color: rgba(0, 0, 0, 0.04);
  color: rgba(0, 0, 0, 0.25);
  border-color: rgba(0, 0, 0, 0.12);
  cursor: not-allowed;
}
.blue-theme-input-disabled .blue-theme-input {
  cursor: not-allowed;
}
.blue-theme-input-disabled .blue-theme-input-prefix-inner,
.blue-theme-input-disabled .blue-theme-input-suffix-inner {
  color: rgba(0, 0, 0, 0.35);
}
.blue-theme-input-error {
  border-color: #f5483b;
}
.blue-theme-input-error .status-icon {
  color: #f5483b;
  margin-left: 4px;
}
.blue-theme-input-success {
  border-color: #00ba73;
}
.blue-theme-input-success .status-icon {
  color: #00ba73;
  margin-left: 4px;
}
.blue-theme-input-warning {
  border-color: #ff9d00;
}
.blue-theme-input-warning .status-icon {
  color: #ff9d00;
  margin-left: 4px;
}
.blue-theme-input-wrapper {
  width: 180px;
  height: 32px;
  font-size: 14px;
  padding: 0 8px;
}
.blue-theme-input-wrapper .blue-theme-input-prefix-inner {
  font-size: 16px;
}
.blue-theme-input-wrapper .blue-theme-input-suffix-inner {
  font-size: 16px;
}
.blue-theme-input-wrapper.blue-theme-input-group > .blue-theme-input {
  padding: 0 8px;
}
.blue-theme-input-small {
  width: 160px;
  height: 24px;
  font-size: 12px;
  padding: 0 8px;
  border-radius: 4px;
}
.blue-theme-input-small .blue-theme-input-prefix-inner {
  font-size: 14px;
}
.blue-theme-input-small .blue-theme-input-suffix-inner {
  font-size: 14px;
}
.blue-theme-input-small.blue-theme-input-group > .blue-theme-input {
  padding: 0 8px;
}
.blue-theme-input-large {
  width: 200px;
  height: 40px;
  font-size: 16px;
  padding: 0 12px;
}
.blue-theme-input-large .blue-theme-input-prefix-inner {
  font-size: 18px;
}
.blue-theme-input-large .blue-theme-input-suffix-inner {
  font-size: 18px;
}
.blue-theme-input-large.blue-theme-input-group > .blue-theme-input {
  padding: 0 12px;
}
.blue-theme-input-line {
  background-color: transparent;
  border-width: 0;
  border-bottom-width: 1px;
  border-radius: 0;
}
.blue-theme-input-line.blue-theme-input-wrapper {
  padding-left: 0;
  padding-right: 0;
}
.blue-theme-input-area {
  color: rgba(0, 0, 0, 0.9);
  background-color: rgba(0, 0, 0, 0.04);
  border: 1px solid transparent;
}
.blue-theme-input-area ::placeholder {
  color: rgba(0, 0, 0, 0.25);
}
.blue-theme-input-area.blue-theme-input-hover {
  background-color: rgba(0, 0, 0, 0.06);
}
.blue-theme-input-area.blue-theme-input-focused {
  background-color: #fff;
  border-color: #0A70F5;
}
.blue-theme-input-area.blue-theme-input-disabled {
  color: rgba(0, 0, 0, 0.25);
  background: rgba(0, 0, 0, 0.04);
}
.blue-theme-input-area.blue-theme-input-readonly {
  color: rgba(0, 0, 0, 0.5);
  background-color: rgba(0, 0, 0, 0.04);
}
.blue-theme-input-area.blue-theme-input-error {
  background-color: rgba(245, 72, 59, 0.05);
}
.blue-theme-input-area.blue-theme-input-success {
  background-color: rgba(0, 186, 115, 0.05);
}
.blue-theme-input-area.blue-theme-input-warning {
  background-color: rgba(255, 157, 0, 0.05);
}
.blue-theme-input-pre {
  position: absolute;
  visibility: hidden;
  white-space: pre;
  display: block;
}

/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
/**
* 基础变量
* 参见: https://km.sankuai.com/page/147289627
**/
/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
.blue-theme-input-group {
  position: relative;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
  border: none;
}
.blue-theme-input-group-compact {
  display: flex;
  align-items: stretch;
}
.blue-theme-input-group-compact > *:not(:last-child) {
  margin-right: -1px;
}
.blue-theme-input-group > *,
.blue-theme-input-group .blue-theme-input,
.blue-theme-input-group .blue-theme-input-wrapper,
.blue-theme-input-group .blue-theme-input-number,
.blue-theme-input-group .blue-theme-input-number-wrapper,
.blue-theme-input-group .blue-theme-input-group :first-child,
.blue-theme-input-group .blue-theme-input-group :last-child {
  border-radius: 0;
}
.blue-theme-input-group > :first-child,
.blue-theme-input-group > :first-child .blue-theme-input-wrapper,
.blue-theme-input-group .blue-theme-input-group:first-child > :first-child {
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
}
.blue-theme-input-group > :last-child,
.blue-theme-input-group > :last-child .blue-theme-input-wrapper,
.blue-theme-input-group .blue-theme-input-group:last-child > :last-child {
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
}
.blue-theme-input-group > .blue-theme-input {
  border-width: 1px;
}
.blue-theme-input-group.blue-theme-input-error > .blue-theme-input {
  border-color: #f5483b;
}
.blue-theme-input-group.blue-theme-input-error > .blue-theme-input .status-icon {
  color: #f5483b;
  margin-left: 4px;
}
.blue-theme-input-group.blue-theme-input-success > .blue-theme-input {
  border-color: #00ba73;
}
.blue-theme-input-group.blue-theme-input-success > .blue-theme-input .status-icon {
  color: #00ba73;
  margin-left: 4px;
}
.blue-theme-input-group.blue-theme-input-warning > .blue-theme-input {
  border-color: #ff9d00;
}
.blue-theme-input-group.blue-theme-input-warning > .blue-theme-input .status-icon {
  color: #ff9d00;
  margin-left: 4px;
}
.blue-theme-input-group-prepend, .blue-theme-input-group-append {
  display: inline-flex;
  align-items: center;
  flex: 0 0 auto;
  line-height: 1.5;
  padding: 0 8px;
  background-color: #f5f5f5;
  white-space: nowrap;
  border: 1px solid rgba(0, 0, 0, 0.12);
}
.blue-theme-input-group-prepend .blue-theme-select, .blue-theme-input-group-append .blue-theme-select {
  margin: -1px -9px;
}
.blue-theme-input-group-prepend .blue-theme-input-wrapper, .blue-theme-input-group-append .blue-theme-input-wrapper {
  border-color: transparent;
  background-color: transparent;
}
.blue-theme-input-group-prepend .blue-theme-input-hover, .blue-theme-input-group-append .blue-theme-input-hover {
  border-color: #2A8EFE;
}
.blue-theme-input-group-prepend .blue-theme-input-focused, .blue-theme-input-group-append .blue-theme-input-focused {
  border-color: #0A70F5;
}
.blue-theme-input-group-prepend {
  border-right: none;
}
.blue-theme-input-group-append {
  border-left: none;
}
.blue-theme-input-group[class*=col-] {
  float: none;
  padding-right: 0;
  padding-left: 0;
}
.blue-theme-input-group > [class*=col-] {
  padding-right: 8px;
}
.blue-theme-input-group > [class*=col-]:last-child {
  padding-right: 0;
}

.blue-theme-cascader {
  display: inline-block;
  width: 180px;
  cursor: pointer;
}
.blue-theme-cascader-error .blue-theme-input-wrapper {
  border-color: #f5483b;
}
.blue-theme-cascader .blue-theme-input-wrapper {
  vertical-align: top;
  width: 100%;
}
.blue-theme-cascader .blue-theme-input {
  cursor: pointer;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.blue-theme-cascader-selected .blue-theme-select-multiple-input {
  padding-left: 3px;
}
.blue-theme-cascader-large {
  width: 200px;
}
.blue-theme-cascader-small {
  width: 160px;
}
.blue-theme-cascader .blue-theme-input-suffix-inner > i,
.blue-theme-cascader .blue-theme-multiple-input-suffix-inner > i {
  transition: transform 0.3s;
}
.blue-theme-cascader.focus .blue-theme-input-suffix-inner > i,
.blue-theme-cascader.focus .blue-theme-multiple-input-suffix-inner > i {
  transform: rotate(180deg);
}

.blue-theme-cascader-popper {
  overflow: hidden;
}
.blue-theme-cascader-popper.blue-theme-popper {
  box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.1);
}

.blue-theme-cascader-menus {
  white-space: nowrap;
  height: 188px;
  display: inline-block;
  font-size: 14px;
  line-height: 22px;
}
.blue-theme-cascader-menus-addendum-header {
  overflow: auto;
  border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}
.blue-theme-cascader-menus-addendum-footer {
  overflow: auto;
  border-top: 1px solid rgba(0, 0, 0, 0.06);
}

.blue-theme-cascader-menu {
  border-radius: 6px;
  text-align: left;
  color: rgba(0, 0, 0, 0.7);
  padding: 4px 4px;
  margin: 0;
  list-style: none;
  min-width: 160px;
  height: 100%;
  overflow: auto;
  display: inline-block;
  vertical-align: top;
}
.blue-theme-cascader-menu:not(:last-child) {
  border-right: 1px solid rgba(0, 0, 0, 0.06);
}
.blue-theme-cascader-menu-loading, .blue-theme-cascader-menu-empty {
  vertical-align: top;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 160px;
  height: 100%;
  color: rgba(0, 0, 0, 0.5);
  font-size: 12px;
  white-space: normal;
}
.blue-theme-cascader-menu-loading .blue-theme-loading-message {
  color: rgba(0, 0, 0, 0.5);
  font-size: 12px;
}
.blue-theme-cascader-menu-empty-item {
  padding: 0;
  margin: 0;
  text-align: center;
}
.blue-theme-cascader-menu-empty-icon {
  margin-right: 6px;
}

.blue-theme-cascader-menu-item {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  border-radius: 6px;
  line-height: 36px;
  padding: 0px;
  padding-left: 16px;
  padding-right: 16px;
  cursor: pointer;
  position: relative;
  user-select: none;
}
.blue-theme-cascader-menu-item:hover, .blue-theme-cascader-menu-item.hover {
  color: rgba(0, 0, 0, 0.7);
  background: rgba(0, 0, 0, 0.04);
}
.blue-theme-cascader-menu-item-expand-icon {
  display: inline-block;
  width: 1em;
  height: 1em;
  font-size: 8px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  z-index: 1;
  top: 14px;
  right: 8px;
  text-align: center;
  color: rgba(0, 0, 0, 0.25);
}
.blue-theme-cascader-menu-item-expand-icon .blue-themeicon-loading {
  font-size: 12px;
  color: #0A70F5;
}
.blue-theme-cascader-menu-item-checkbox {
  margin-right: 8px;
}
.blue-theme-cascader-menu-item-expanded {
  color: rgba(0, 0, 0, 0.9);
  background: #EFF8FF;
  font-weight: 600;
}
.blue-theme-cascader-menu-item-expanded:hover, .blue-theme-cascader-menu-item-expanded.hover {
  color: rgba(0, 0, 0, 0.9);
  background: #EFF8FF;
}
.blue-theme-cascader-menu-item-expanded .blue-theme-cascader-menu-item-selected-icon {
  color: rgba(0, 0, 0, 0.9);
}
.blue-theme-cascader-menu-item-disabled {
  color: rgba(0, 0, 0, 0.25);
  cursor: not-allowed;
}
.blue-theme-cascader-menu-item-disabled:hover, .blue-theme-cascader-menu-item-disabled.hover {
  color: rgba(0, 0, 0, 0.25);
  background-color: transparent;
}
/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
/**
* 基础变量
* 参见: https://km.sankuai.com/page/147289627
**/
/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
/**
* 基础变量
* 参见: https://km.sankuai.com/page/147289627
**/
/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
.blue-theme-cascader-menus {
  /* &-wrapper {
    box-shadow: $cascader-menu-shadow;
  } */
}

.blue-theme-cascader-menu-empty-item {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  color: rgba(0, 0, 0, 0.25);
}

/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
/**
* 基础变量
* 参见: https://km.sankuai.com/page/147289627
**/
/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
@keyframes mtd-line-scale {
  0% {
    transform: scaley(1);
  }
  50% {
    transform: scaley(0.4);
  }
  100% {
    transform: scaley(1);
  }
}
.blue-theme-loading {
  text-align: center;
}
.blue-theme-loading-nested {
  position: relative;
}
.blue-theme-loading-nested .blue-theme-loading {
  position: absolute;
  z-index: 1;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
}
.blue-theme-loading-nested .blue-theme-loading-container {
  transition: opacity linear 0.3s;
}
.blue-theme-loading-nested .blue-theme-loading-blur {
  opacity: 0.25;
  pointer-events: none;
  user-select: none;
  overflow: hidden;
}
.blue-theme-loading-message {
  color: rgba(0, 0, 0, 0.7);
  font-size: 14px;
  font-weight: 400;
  margin-top: 4px;
}
.blue-theme-loading-flex {
  display: flex;
  align-items: center;
}
.blue-theme-loading-flex .blue-theme-loading-message {
  margin-left: 4px;
  margin-top: 0;
}
.blue-theme-loading-line-scale {
  display: inline-block;
  vertical-align: middle;
  height: 20px;
  color: #0A70F5;
  font-size: 0;
}
.blue-theme-loading-line-scale > div:nth-child(1) {
  animation: mtd-line-scale 1s -0.4s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);
}
.blue-theme-loading-line-scale > div:nth-child(2) {
  animation: mtd-line-scale 1s -0.3s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);
}
.blue-theme-loading-line-scale > div:nth-child(3) {
  animation: mtd-line-scale 1s -0.2s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);
}
.blue-theme-loading-line-scale > div:nth-child(4) {
  animation: mtd-line-scale 1s -0.1s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);
}
.blue-theme-loading-line-scale > div:nth-child(5) {
  animation: mtd-line-scale 1s 0s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);
}
.blue-theme-loading-line-scale > div {
  background-color: currentColor;
  animation-fill-mode: both;
  width: 3px;
  height: 100%;
  border-radius: 2px;
  margin: 1px;
  display: inline-block;
}
.blue-theme-loading-circle {
  color: rgba(0, 0, 0, 0.35);
  display: inline-block;
  vertical-align: top;
  animation: wrapRotate linear 1.5s infinite;
}
.blue-theme-loading-small .blue-theme-loading-message {
  font-size: 12px;
}
.blue-theme-loading-large .blue-theme-loading-message {
  font-size: 16px;
}

@keyframes wrapRotate {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
/**
* 基础变量
* 参见: https://km.sankuai.com/page/147289627
**/
/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
/**
* 基础变量
* 参见: https://km.sankuai.com/page/147289627
**/
/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
.blue-theme-checkbox {
  color: rgba(0, 0, 0, 0.9);
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  vertical-align: middle;
  font-size: 0;
}
.blue-theme-checkbox:before {
  content: " ";
  display: inline-block;
  width: 0;
  height: 100%;
  vertical-align: middle;
}
.blue-theme-checkbox + .blue-theme-checkbox {
  margin-left: 32px;
}
.blue-theme-checkbox-inner {
  color: rgba(0, 0, 0, 0.2);
  display: inline-flex;
  align-items: center;
  vertical-align: middle;
  width: 1em;
  height: 1em;
  border: 1px solid currentColor;
  border-radius: 4px;
  background-color: #fff;
  position: relative;
  transition: background-color 0.3s, color 0.3s;
  flex: 0 0 auto;
}
.blue-theme-checkbox-inner .blue-theme-icon {
  position: relative;
  left: -1px;
  color: transparent;
}
.blue-theme-checkbox-indeterminate .blue-theme-checkbox-inner, .blue-theme-checkbox-checked .blue-theme-checkbox-inner {
  background-color: #0A70F5;
  color: #0A70F5;
}
.blue-theme-checkbox-indeterminate .blue-theme-checkbox-inner i, .blue-theme-checkbox-checked .blue-theme-checkbox-inner i {
  color: #fff;
}
.blue-theme-checkbox-indeterminate-inner {
  height: 4px;
  position: absolute;
  z-index: 1;
  left: 2px;
  right: 2px;
  transform: scale(1, 0.5);
  background-color: currentColor;
  border-radius: 1px;
}
.blue-theme-checkbox-text {
  vertical-align: middle;
  margin-left: 8px;
}
.blue-theme-checkbox:not(.blue-theme-checkbox-disabled):hover, .blue-theme-checkbox:not(.blue-theme-checkbox-disabled).hover {
  color: rgba(0, 0, 0, 0.7);
}
.blue-theme-checkbox:not(.blue-theme-checkbox-disabled):hover .blue-theme-checkbox-inner, .blue-theme-checkbox:not(.blue-theme-checkbox-disabled).hover .blue-theme-checkbox-inner {
  color: #0A70F5;
}
.blue-theme-checkbox-checked .blue-theme-checkbox-inner, .blue-theme-checkbox-indeterminate .blue-theme-checkbox-inner {
  color: #0A70F5;
}
.blue-theme-checkbox-disabled {
  color: rgba(0, 0, 0, 0.25);
  cursor: not-allowed;
}
.blue-theme-checkbox-disabled .blue-theme-checkbox-inner {
  background-color: rgba(0, 0, 0, 0.04);
  color: rgba(0, 0, 0, 0.12);
}
.blue-theme-checkbox-disabled .blue-theme-checkbox-inner i {
  color: rgba(0, 0, 0, 0.12);
}
.blue-theme-checkbox .blue-theme-checkbox-text {
  font-size: 14px;
}
.blue-theme-checkbox .blue-theme-checkbox-inner {
  font-size: 16px;
}
.blue-theme-checkbox .blue-theme-checkbox-inner .blue-theme-icon {
  font-size: 16px;
}
.blue-theme-checkbox .blue-theme-checkbox-indeterminate-inner {
  top: 5px;
}
.blue-theme-checkbox-large .blue-theme-checkbox-text {
  font-size: 16px;
}
.blue-theme-checkbox-large .blue-theme-checkbox-inner {
  font-size: 18px;
}
.blue-theme-checkbox-large .blue-theme-checkbox-inner .blue-theme-icon {
  font-size: 18px;
}
.blue-theme-checkbox-large .blue-theme-checkbox-indeterminate-inner {
  top: 6px;
}
.blue-theme-checkbox-large .blue-theme-checkbox-text {
  margin-left: 8px;
}
.blue-theme-checkbox-small .blue-theme-checkbox-text {
  font-size: 12px;
}
.blue-theme-checkbox-small .blue-theme-checkbox-inner {
  font-size: 14px;
}
.blue-theme-checkbox-small .blue-theme-checkbox-inner .blue-theme-icon {
  font-size: 14px;
}
.blue-theme-checkbox-small .blue-theme-checkbox-indeterminate-inner {
  top: 4px;
}
.blue-theme-checkbox-small .blue-theme-checkbox-text {
  margin-left: 4px;
}

/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
/**
* 基础变量
* 参见: https://km.sankuai.com/page/147289627
**/
/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
.blue-theme-tree-node-content {
  cursor: pointer;
  border-radius: 4px;
  padding-top: 7px;
  padding-bottom: 7px;
  font-size: 14px;
  line-height: 22px;
  color: rgba(0, 0, 0, 0.9);
  display: flex;
  align-items: center;
  user-select: none;
}
.blue-theme-tree-node-content:hover, .blue-theme-tree-node-content.hover {
  background-color: rgba(0, 0, 0, 0.04);
  color: rgba(0, 0, 0, 0.9);
}
.blue-theme-tree-node-content > .blue-theme-checkbox {
  margin-right: 8px;
  flex: 0 0 auto;
}
.blue-theme-tree-node-content-wrapper {
  cursor: pointer;
  flex: 1 1 auto;
  min-width: 0;
}
.blue-theme-tree-node-expand-icon, .blue-theme-tree-node-loading-icon {
  flex: 0 0 auto;
  margin-right: 0;
  width: 20px;
  height: 20px;
  color: rgba(0, 0, 0, 0.9);
}
.blue-theme-tree-node-loading-icon {
  font-size: 12px;
  padding: 4px;
}
.blue-theme-tree-node-expand-icon {
  color: rgba(0, 0, 0, 0.5);
  font-size: 20px;
  cursor: pointer;
  transform: rotate(-90deg);
  transition: transform 0.2s linear;
  padding: 0px;
}
.blue-theme-tree-node-expanded > .blue-theme-tree-node-content > .blue-theme-tree-node-expand-icon {
  transform: rotate(0deg);
}
.blue-theme-tree-node-extend {
  margin-left: 25px;
}
.blue-theme-tree-node-selected > .blue-theme-tree-node-content {
  font-weight: bold;
  background-color: #EFF8FF;
}
.blue-theme-tree-node-disabled > .blue-theme-tree-node-content {
  color: rgba(0, 0, 0, 0.25);
}

.blue-theme-tree {
  text-align: left;
  padding: 4px;
}
.blue-theme-tree-draggable {
  position: relative;
}
.blue-theme-tree-drop-inner > .blue-theme-tree-node-content {
  background-color: #EFF8FF;
}
.blue-theme-tree-drop-indicator {
  position: absolute;
  z-index: 1;
  left: 0;
  right: 0;
  height: 2px;
  background-color: #0A70F5;
}
.blue-theme-tree-empty {
  padding: 8px;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}

/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
/**
* 基础变量
* 参见: https://km.sankuai.com/page/147289627
**/
/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
.blue-theme-tree-node-content {
  cursor: pointer;
  border-radius: 4px;
  padding-top: 7px;
  padding-bottom: 7px;
  font-size: 14px;
  line-height: 22px;
  color: rgba(0, 0, 0, 0.9);
  display: flex;
  align-items: center;
  user-select: none;
}
.blue-theme-tree-node-content:hover, .blue-theme-tree-node-content.hover {
  background-color: rgba(0, 0, 0, 0.04);
  color: rgba(0, 0, 0, 0.9);
}
.blue-theme-tree-node-content > .blue-theme-checkbox {
  margin-right: 8px;
  flex: 0 0 auto;
}
.blue-theme-tree-node-content-wrapper {
  cursor: pointer;
  flex: 1 1 auto;
  min-width: 0;
}
.blue-theme-tree-node-expand-icon, .blue-theme-tree-node-loading-icon {
  flex: 0 0 auto;
  margin-right: 0;
  width: 20px;
  height: 20px;
  color: rgba(0, 0, 0, 0.9);
}
.blue-theme-tree-node-loading-icon {
  font-size: 12px;
  padding: 4px;
}
.blue-theme-tree-node-expand-icon {
  color: rgba(0, 0, 0, 0.5);
  font-size: 20px;
  cursor: pointer;
  transform: rotate(-90deg);
  transition: transform 0.2s linear;
  padding: 0px;
}
.blue-theme-tree-node-expanded > .blue-theme-tree-node-content > .blue-theme-tree-node-expand-icon {
  transform: rotate(0deg);
}
.blue-theme-tree-node-extend {
  margin-left: 25px;
}
.blue-theme-tree-node-selected > .blue-theme-tree-node-content {
  font-weight: bold;
  background-color: #EFF8FF;
}
.blue-theme-tree-node-disabled > .blue-theme-tree-node-content {
  color: rgba(0, 0, 0, 0.25);
}

/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
/**
* 基础变量
* 参见: https://km.sankuai.com/page/147289627
**/
/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
.blue-theme-tree-select {
  cursor: pointer;
  width: 180px;
}
.blue-theme-tree-select-drop {
  max-height: 300px;
  overflow: auto;
}
.blue-theme-tree-select .blue-theme-input-readonly {
  background-color: white;
}
.blue-theme-tree-select-selected .blue-theme-select-multiple-input {
  padding-left: 3px;
}

/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
/**
* 基础变量
* 参见: https://km.sankuai.com/page/147289627
**/
/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
.blue-theme-time-picker-with-range .blue-theme-picker-panel-content {
  flex-direction: column;
}
.blue-theme-time-picker-cells {
  font-size: 14px;
  line-height: 22px;
  padding: 0 6px;
  min-width: 56px;
}
.blue-theme-time-picker-cells-with-minutes {
  min-width: 84px;
}
.blue-theme-time-picker-cells-with-seconds {
  min-width: 84px;
}
.blue-theme-time-picker-cells-list {
  width: 32px;
  max-height: 180px;
  float: left;
  overflow: auto;
  position: relative;
  margin: 0 6px;
  margin-right: 2px;
}
.blue-theme-time-picker-cells-units {
  font-weight: 500;
}
.blue-theme-time-picker-cells-units, .blue-theme-time-picker-cells-list-wrapper {
  display: flex;
  justify-content: space-around;
}
.blue-theme-time-picker-cells-list-hour-wrapper .blue-theme-time-picker-cells-list {
  width: 100%;
  padding: 8px 0;
}
.blue-theme-time-picker-cells-list-hour-wrapper .blue-theme-time-picker-cells-cell {
  width: 100%;
  padding: 0 12px;
}
.blue-theme-time-picker-cells-unit {
  display: inline-block;
  text-align: center;
  width: 28px;
  max-height: 180px;
  color: rgba(0, 0, 0, 0.5);
  margin: 8px 0;
}
.blue-theme-time-picker-cells-list {
  overflow: overlay;
}
.blue-theme-time-picker-cells-list::-webkit-scrollbar {
  /*滚动条整体样式*/
  width: 4px;
  /*高宽分别对应横竖滚动条的尺寸*/
  height: 4px;
}
.blue-theme-time-picker-cells-list::-webkit-scrollbar-track {
  /*滚动条里面轨道*/
  background: transparent;
}
.blue-theme-time-picker-cells-list::-webkit-scrollbar-thumb {
  /*滚动条里面小方块*/
  border-radius: 4px;
  background-color: transparent;
}
.blue-theme-time-picker-cells-list:hover::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.2);
}
.blue-theme-time-picker-cells-list + .blue-theme-time-picker-cells-list {
  border-left: none;
}
.blue-theme-time-picker-cells-list:first-child {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.blue-theme-time-picker-cells-list:last-child {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.blue-theme-time-picker-cells-ul {
  width: 100%;
  margin: 0;
  padding: 0 0 0;
  list-style: none;
}
.blue-theme-time-picker-cells-cell {
  font-family: PingFangSC-Regular;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.9);
  display: block;
  height: 28px;
  width: 28px;
  line-height: 28px;
  border-radius: 6px;
  margin: 2px auto;
  text-align: center;
  user-select: none;
  cursor: pointer;
  list-style: none;
  transition: background 0.2s ease-in-out;
}
.blue-theme-time-picker-cells-cell:hover:not(.blue-theme-time-picker-cells-cell-selected, .blue-theme-time-picker-cells-cell-disabled), .blue-theme-time-picker-cells-cell.hover:not(.blue-theme-time-picker-cells-cell-selected, .blue-theme-time-picker-cells-cell-disabled) {
  background-color: #f5f5f5;
  color: rgba(0, 0, 0, 0.9);
}
.blue-theme-time-picker-cells-cell-selected {
  color: #fff;
  background-color: #0A70F5;
  font-weight: 600;
}
.blue-theme-time-picker-cells-cell-disabled {
  color: rgba(0, 0, 0, 0.25);
  background-color: rgba(0, 0, 0, 0.02);
  cursor: not-allowed;
}

.blue-theme-picker-panel {
  position: relative;
}
.blue-theme-picker-panel-sidebar {
  position: absolute;
  z-index: 1;
  top: 0;
  bottom: 0;
  left: 0;
  width: 120px;
  border-right: 1px solid rgba(0, 0, 0, 0.06);
  overflow: auto;
  background-color: #fff;
}
.blue-theme-picker-panel-shortcut {
  padding: 0 16px;
  line-height: 32px;
  text-align: left;
  font-size: 12px;
  cursor: pointer;
}
.blue-theme-picker-panel-shortcut:hover, .blue-theme-picker-panel-shortcut.hover {
  background-color: #f5f5f5;
  color: #0A70F5;
}
.blue-theme-picker-panel-sidebar + .blue-theme-picker-panel-body {
  margin-left: 120px;
}
.blue-theme-picker-panel-body {
  display: inline-block;
  vertical-align: top;
  overflow: hidden;
  white-space: nowrap;
}
.blue-theme-picker-panel-content {
  display: inline-flex;
}
.blue-theme-picker-panel-icon-btn {
  line-height: 22px;
  display: inline-block;
  text-align: center;
  cursor: pointer;
  color: rgba(0, 0, 0, 0.5);
}
.blue-theme-picker-panel-icon-btn:hover, .blue-theme-picker-panel-icon-btn.hover {
  color: rgba(0, 0, 0, 0.5);
}
.blue-theme-picker-panel-spinner-wrapper {
  border: 1px solid rgba(0, 0, 0, 0.06);
  border-radius: 9px;
}
.blue-theme-picker-panel-time {
  display: inline-block;
}
.blue-theme-picker-panel-multiple-body {
  padding: 0 12px;
}
.blue-theme-picker-panel-multiple-body .blue-theme-picker-panel-multiple-content {
  text-align: center;
}
.blue-theme-picker-panel-multiple-body .blue-theme-picker-panel-multiple-content .blue-theme-time-picker-multiple-header {
  margin: 8px;
  color: rgba(0, 0, 0, 0.6);
  letter-spacing: 0;
}
.blue-theme-picker-panel-multiple-body .blue-theme-picker-panel-content-right {
  margin-left: 12px;
}
.blue-theme-picker-panel--multiple-content + .blue-theme-picker-panel--multiple-content {
  margin-left: 12px;
}
.blue-theme-picker-panel-footer {
  display: flex;
  justify-content: flex-end;
}
.blue-theme-picker-panel-footer .btn {
  font-family: PingFangSC-Regular;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 8px 12px 8px 0;
}
.blue-theme-picker-panel-footer .cancelbtn {
  border: none;
}

.blue-theme-picker-confirm {
  clear: both;
  border-top: 1px solid rgba(0, 0, 0, 0.06);
  padding: 8px 12px;
  text-align: right;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.blue-theme-picker-confirm .blue-theme-button + .blue-theme-button {
  margin-left: 4px;
}

.blue-theme-range-picker {
  text-align: left;
}
.blue-theme-range-picker .range-separator {
  line-height: 30px;
}
.blue-theme-range-picker input {
  text-align: center;
  display: inline-block;
  border: none;
  outline: none;
  width: 45%;
  height: 100%;
  border-bottom: 0px solid transparent;
  transition: border-bottom 0.3s;
}
.blue-theme-range-picker input:focus {
  border-bottom: 1px solid #0A70F5;
}

/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
/**
* 基础变量
* 参见: https://km.sankuai.com/page/147289627
**/
/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
.blue-theme-date-picker {
  display: inline-block;
  min-width: 200px;
}
.blue-theme-date-picker .blue-theme-input {
  color: rgba(0, 0, 0, 0.9);
}
.blue-theme-date-picker .blue-theme-input-readonly {
  background-color: #fff;
}
.blue-theme-date-picker > .blue-theme-input-wrapper {
  width: 100%;
}
.blue-theme-date-picker-spinner-popper {
  padding: 0;
}
.blue-theme-date-picker-current {
  display: flex;
  align-items: center;
  flex-direction: row;
  font-weight: 500;
}
.blue-theme-date-picker-reverse {
  flex-direction: row-reverse;
}
.blue-theme-date-picker-cells {
  width: 252px;
  margin: 0 20px;
  white-space: normal;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.9);
  padding-bottom: 14px;
}
.blue-theme-date-picker-cells-cell, .blue-theme-date-picker-cells-header span {
  margin: 2px 0;
  padding: 0 2px;
  display: inline-block;
  line-height: 30px;
  text-align: center;
  transition: all 0.1s ease-in-out;
}
.blue-theme-date-picker-cells-cell em, .blue-theme-date-picker-cells-header span em {
  display: inline-block;
  border-radius: 6px;
  width: 32px;
  height: 32px;
  border: 1px solid transparent;
  font-style: normal;
  box-sizing: border-box;
  vertical-align: top;
}
.blue-theme-date-picker-cells-header span em {
  font-weight: 500;
}
.blue-theme-date-picker-cells-header span {
  color: rgba(0, 0, 0, 0.5);
}
.blue-theme-date-picker-cells-cell {
  cursor: pointer;
}
.blue-theme-date-picker-cells-cell em {
  transition: all 0.3s;
}
.blue-theme-date-picker-cells-cell-today em {
  color: #0A70F5;
  position: relative;
}
.blue-theme-date-picker-cells-cell-today em::before {
  content: "";
  height: 2px;
  width: 50%;
  background-color: #0A70F5;
  border-radius: 4px;
  position: absolute;
  z-index: 1;
  bottom: 4px;
  left: 50%;
  transform: translateX(-50%);
}
.blue-theme-date-picker-cells-cell-today em > span {
  display: inline-block;
  line-height: 18px;
  padding: 2px;
}
.blue-theme-date-picker-cells-cell em:hover {
  background: #EFF8FF;
}
.blue-theme-date-picker-cells-cell-prev-month em, .blue-theme-date-picker-cells-cell-next-month em {
  color: rgba(0, 0, 0, 0.25);
}
.blue-theme-date-picker-cells-cell-prev-month em:hover, .blue-theme-date-picker-cells-cell-prev-month em.hover, .blue-theme-date-picker-cells-cell-next-month em:hover, .blue-theme-date-picker-cells-cell-next-month em.hover {
  color: rgba(0, 0, 0, 0.25);
  background: transparent;
}
.blue-theme-date-picker-cells-cell-week-label, .blue-theme-date-picker-cells-cell-disabled {
  user-select: none;
  font-size: 10px;
}
.blue-theme-date-picker-cells-cell-week-label em,
.blue-theme-date-picker-cells-cell-week-label em:hover, .blue-theme-date-picker-cells-cell-disabled em,
.blue-theme-date-picker-cells-cell-disabled em:hover {
  color: rgba(0, 0, 0, 0.25);
  background-color: inherit;
}
.blue-theme-date-picker-cells-cell-range {
  background-color: rgba(22, 111, 247, 0.06);
}
.blue-theme-date-picker-cells-cell-range:hover {
  background-color: rgba(22, 111, 247, 0.15);
}
.blue-theme-date-picker-cells-cell-range em {
  background-color: transparent;
}
.blue-theme-date-picker-cells-cell-range em:hover, .blue-theme-date-picker-cells-cell-range em.hover {
  background-color: transparent;
}
.blue-theme-date-picker-cells-cell-range-head {
  background: linear-gradient(to right, transparent 50%, rgba(22, 111, 247, 0.06) 0);
}
.blue-theme-date-picker-cells-cell-range-head em {
  border-radius: 6px 0 0 6px;
}
.blue-theme-date-picker-cells-cell-range-tail {
  background: linear-gradient(to right, rgba(22, 111, 247, 0.06) 50%, transparent 0);
}
.blue-theme-date-picker-cells-cell-range-tail em {
  border-radius: 0 6px 6px 0;
}
.blue-theme-date-picker-cells-cell-selected.blue-theme-date-picker-cells-cell-today em::before {
  background-color: #fff;
}
.blue-theme-date-picker-cells-cell-selected em {
  font-weight: 500;
  color: #fff;
  background: #0A70F5;
  font-weight: 500;
}
.blue-theme-date-picker-cells-cell-selected em:hover, .blue-theme-date-picker-cells-cell-selected em.hover {
  color: #fff;
  background: #0A70F5;
}
.blue-theme-date-picker-cells-cell-disabled {
  cursor: not-allowed;
  background-color: #f2f2f2;
}
.blue-theme-date-picker-cells-cell-disabled em,
.blue-theme-date-picker-cells-cell-disabled em:hover {
  background: transparent;
}
.blue-theme-date-picker-cells + .blue-theme-picker-panel-time {
  border-left: 1px solid rgba(0, 0, 0, 0.06);
}
.blue-theme-date-picker-cells-year .blue-theme-date-picker-cells-cell {
  line-height: 30px;
  width: 63px;
  height: 32px;
  margin: 20px 0px;
}
.blue-theme-date-picker-cells-year .blue-theme-date-picker-cells-cell em {
  width: 100%;
  height: 100%;
}
.blue-theme-date-picker-cells-month .blue-theme-date-picker-cells-cell {
  height: 32px;
  line-height: 32px;
  width: 63px;
  padding: 0 10.5px;
  margin: 10.5px 0;
}
.blue-theme-date-picker-cells-month .blue-theme-date-picker-cells-cell em {
  width: 100%;
  height: 100%;
}
.blue-theme-date-picker-cells-quarter {
  width: 176px;
}
.blue-theme-date-picker-cells-quarter .blue-theme-date-picker-cells-cell {
  padding: 0 6px;
  margin: 12px 0;
}
.blue-theme-date-picker-cells-quarter .blue-theme-date-picker-cells-cell em {
  width: 32px;
}
.blue-theme-date-picker-cells-halfyear {
  width: 176px;
  display: flex;
  justify-content: center;
}
.blue-theme-date-picker-cells-halfyear .blue-theme-date-picker-cells-cell {
  padding: 0 6px;
  margin: 12px 0;
}
.blue-theme-date-picker-cells-halfyear .blue-theme-date-picker-cells-cell em {
  width: 32px;
}
.blue-theme-date-picker-cells-show-week-numbers {
  width: 288px;
}
.blue-theme-date-picker-time-header {
  padding: 8px 0px;
  text-align: center;
  border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}
.blue-theme-date-picker-time-header .blue-theme-input-wrapper {
  width: 100px;
}
.blue-theme-date-picker-time-header .blue-theme-date-picker {
  width: 100px;
  margin-left: 12px;
}
.blue-theme-date-picker-week-cells {
  /* em:hover {
    color: $date-picker-cell-hover-color;
    background: $date-picker-cell-hover-bgc;
  } */
}
.blue-theme-date-picker-week-cells .blue-theme-date-picker-cells-cell-selected {
  color: #fff;
  background: #0A70F5;
  /* &:hover{
    color: $date-picker-cell-selected-color;
    background: $date-picker-cell-selected-bgc;
  } */
}
.blue-theme-date-picker-week-cells .blue-theme-date-picker-cells-cell-selected em {
  background-color: transparent;
}
.blue-theme-date-picker-week-cells .blue-theme-date-picker-cells-cell-value-head {
  border-radius: 6px 0 0 6px;
}
.blue-theme-date-picker-week-cells .blue-theme-date-picker-cells-cell-value-tail {
  border-radius: 0 6px 6px 0;
}
.blue-theme-date-picker-week-cells .blue-theme-date-picker-cells-cell-range {
  background-color: rgba(22, 111, 247, 0.06);
}
.blue-theme-date-picker-week-cells .blue-theme-date-picker-cells-cell-range em {
  background-color: transparent;
}
.blue-theme-date-picker-week-cells .blue-theme-date-picker-cells-cell-range em:hover {
  color: rgba(0, 0, 0, 0.9);
}
.blue-theme-date-picker-week-cells .blue-theme-date-picker-cells-cell-disabled {
  background-color: #f2f2f2;
}
.blue-theme-date-picker-week-cells .blue-theme-date-picker-cells-cell-disabled em,
.blue-theme-date-picker-week-cells .blue-theme-date-picker-cells-cell-disabled em:hover {
  color: rgba(0, 0, 0, 0.25);
  background: transparent;
}
.blue-theme-date-picker-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  line-height: 22px;
  color: rgba(0, 0, 0, 0.9);
  text-align: center;
  border-bottom: 1px solid transparent;
  padding: 9px 20px;
  font-size: 14px;
  white-space: normal;
}
.blue-theme-date-picker-header-label {
  cursor: pointer;
  transition: color 0.3s ease-in-out;
  border-radius: 6px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 32px;
  padding: 0 4px;
  margin-right: 4px;
}
.blue-theme-date-picker-header-label:hover, .blue-theme-date-picker-header-label.hover {
  color: rgba(0, 0, 0, 0.9);
  background-color: rgba(0, 0, 0, 0.04);
}
.blue-theme-date-picker-prev-btn {
  float: left;
}
.blue-theme-date-picker-next-btn {
  float: right;
}

/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
/**
* 基础变量
* 参见: https://km.sankuai.com/page/147289627
**/
/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
.blue-theme-spinner {
  display: inline-block;
  padding: 4px;
}
.blue-theme-spinner-ul {
  display: inline-block;
  list-style: none;
  margin: 0;
  padding: 0;
  max-height: 360px;
  overflow: auto;
  overflow: overlay;
}
.blue-theme-spinner-ul::-webkit-scrollbar {
  /*滚动条整体样式*/
  width: 4px;
  /*高宽分别对应横竖滚动条的尺寸*/
  height: 4px;
}
.blue-theme-spinner-ul::-webkit-scrollbar-track {
  /*滚动条里面轨道*/
  background: transparent;
}
.blue-theme-spinner-ul::-webkit-scrollbar-thumb {
  /*滚动条里面小方块*/
  border-radius: 4px;
  background-color: transparent;
}
.blue-theme-spinner-ul:hover::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.2);
}
.blue-theme-spinner-li {
  padding: 0 4px;
  margin: 0;
  list-style: none;
  border-radius: 6px;
  color: rgba(0, 0, 0, 0.9);
  cursor: pointer;
  display: block;
  font-family: PingFangSC-Regular;
  font-size: 14px;
  height: 30px;
  line-height: 30px;
  list-style: none;
  text-align: center;
  -webkit-transition: background 0.2s ease-in-out;
  transition: background 0.2s ease-in-out;
  user-select: none;
}
.blue-theme-spinner-li:hover {
  background-color: rgba(0, 0, 0, 0.04);
}
.blue-theme-spinner-li-selected {
  color: #0A70F5;
  background-color: rgba(22, 111, 247, 0.06);
  border-radius: 4px;
}
.blue-theme-spinner-arrow {
  cursor: pointer;
  display: flex;
  justify-content: center;
  color: rgba(0, 0, 0, 0.5);
}

/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
/**
* 基础变量
* 参见: https://km.sankuai.com/page/147289627
**/
/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
/**
* 基础变量
* 参见: https://km.sankuai.com/page/147289627
**/
.blue-theme-tabs {
  color: rgba(0, 0, 0, 0.7);
  transition: all linear 0.3s;
}
.blue-theme-tabs .width-skeleton {
  font-weight: 600;
  visibility: hidden;
  overflow: hidden;
  color: transparent;
  height: 0;
  overflow: hidden;
}
.blue-theme-tabs-item {
  white-space: nowrap;
  text-overflow: ellipsis;
  font-weight: 400;
}
.blue-theme-tabs .blue-theme-tab-active {
  font-weight: 600;
}
.blue-theme-tabs-flex {
  display: flex;
  flex-direction: column;
}
.blue-theme-tabs-flex .blue-theme-tabs-nav {
  flex: 0 0 auto;
}

.blue-theme-tabs-content {
  padding: 8px;
  text-align: left;
}

.blue-theme-tabs-large .blue-theme-tabs-content {
  padding: 16px;
}

.blue-theme-tabs-small .blue-theme-tabs-content {
  padding: 8px;
}

.blue-theme-tabs-bottom-border {
  width: 100%;
  height: 1px;
  position: absolute;
  z-index: 1;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.06);
  z-index: 1;
}

.blue-theme-tabs-card .blue-theme-tabs-bottom-border,
.blue-theme-tabs-border-card .blue-theme-tabs-bottom-border {
  display: none;
}

.blue-theme-tabs-item-small {
  max-width: 170px;
  height: 36px;
  line-height: 36px;
  padding: 0 0;
  margin: 0 20px 0 0;
  font-size: 12px;
  border-radius: 0;
}
.blue-theme-tabs-item-small.blue-theme-tab-active {
  max-width: 360px;
}
.blue-theme-tabs-item-small .blue-theme-tabs-item-label {
  padding: 0 0;
}
.blue-theme-tabs-item-small .blue-theme-tab-icon {
  margin-right: 7px;
}
.blue-theme-tabs-item-normal {
  max-width: 220px;
  height: 40px;
  line-height: 40px;
  padding: 0 0;
  margin: 0 24px 0 0;
  font-size: 14px;
  border-radius: 0;
}
.blue-theme-tabs-item-normal.blue-theme-tab-active {
  max-width: 400px;
}
.blue-theme-tabs-item-normal .blue-theme-tabs-item-label {
  padding: 0 0;
}
.blue-theme-tabs-item-normal .blue-theme-tab-icon {
  margin-right: 7px;
}
.blue-theme-tabs-item-large {
  max-width: 270px;
  height: 50px;
  line-height: 50px;
  padding: 0 0;
  margin: 0 28px 0 0;
  font-size: 16px;
  border-radius: 0;
}
.blue-theme-tabs-item-large.blue-theme-tab-active {
  max-width: 440px;
}
.blue-theme-tabs-item-large .blue-theme-tabs-item-label {
  padding: 0 0;
}
.blue-theme-tabs-item-large .blue-theme-tab-icon {
  margin-right: 8px;
}
.blue-theme-tabs > .blue-theme-tabs-nav .blue-theme-tabs-action {
  font-size: 16px;
  padding: 1px;
}
.blue-theme-tabs-small > .blue-theme-tabs-nav .blue-theme-tabs-action {
  font-size: 16px;
  padding: 1px;
}
.blue-theme-tabs-large > .blue-theme-tabs-nav .blue-theme-tabs-action {
  font-size: 16px;
  padding: 3px;
}

.blue-theme-tabs-card > .blue-theme-tabs-nav .blue-theme-tabs-item-small,
.blue-theme-tabs-border-card > .blue-theme-tabs-nav .blue-theme-tabs-item-small {
  max-width: none;
  padding: 0 8px;
  height: 24px;
  line-height: 24px;
}
.blue-theme-tabs-card > .blue-theme-tabs-nav .blue-theme-tabs-item-small .blue-theme-tabs-tab-close,
.blue-theme-tabs-border-card > .blue-theme-tabs-nav .blue-theme-tabs-item-small .blue-theme-tabs-tab-close {
  font-size: 16px;
}
.blue-theme-tabs-card > .blue-theme-tabs-nav .blue-theme-tabs-item-normal,
.blue-theme-tabs-border-card > .blue-theme-tabs-nav .blue-theme-tabs-item-normal {
  max-width: none;
  padding: 0 12px;
  height: 32px;
  line-height: 32px;
}
.blue-theme-tabs-card > .blue-theme-tabs-nav .blue-theme-tabs-item-normal .blue-theme-tabs-tab-close,
.blue-theme-tabs-border-card > .blue-theme-tabs-nav .blue-theme-tabs-item-normal .blue-theme-tabs-tab-close {
  font-size: 16px;
}
.blue-theme-tabs-card > .blue-theme-tabs-nav .blue-theme-tabs-item-large,
.blue-theme-tabs-border-card > .blue-theme-tabs-nav .blue-theme-tabs-item-large {
  max-width: none;
  padding: 0 16px;
  height: 40px;
  line-height: 40px;
}
.blue-theme-tabs-card > .blue-theme-tabs-nav .blue-theme-tabs-item-large .blue-theme-tabs-tab-close,
.blue-theme-tabs-border-card > .blue-theme-tabs-nav .blue-theme-tabs-item-large .blue-theme-tabs-tab-close {
  font-size: 18px;
}
.blue-theme-tabs-card > .blue-theme-tabs-nav .blue-theme-tabs-add,
.blue-theme-tabs-border-card > .blue-theme-tabs-nav .blue-theme-tabs-add {
  margin-left: 0;
  padding: 0px;
  width: 32px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.blue-theme-tabs-card > .blue-theme-tabs-nav .blue-theme-tabs-item,
.blue-theme-tabs-border-card > .blue-theme-tabs-nav .blue-theme-tabs-item {
  border-radius: 6px 6px 0 0;
}
.blue-theme-tabs-card > .blue-theme-tabs-nav .blue-theme-tabs-item-label,
.blue-theme-tabs-border-card > .blue-theme-tabs-nav .blue-theme-tabs-item-label {
  display: flex;
  align-items: center;
}
.blue-theme-tabs-card > .blue-theme-tabs-nav .blue-theme-tabs-item-label span,
.blue-theme-tabs-border-card > .blue-theme-tabs-nav .blue-theme-tabs-item-label span {
  display: inline-block;
  max-width: 164px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.blue-theme-tabs-text > .blue-theme-tabs-nav .blue-theme-tabs-item {
  position: relative;
  text-align: center;
  box-sizing: border-box;
  cursor: pointer;
}
.blue-theme-tabs-text > .blue-theme-tabs-nav .blue-theme-tabs-item .blue-theme-picker-selected {
  vertical-align: top;
  color: currentColor;
  font-weight: inherit;
}
.blue-theme-tabs-text > .blue-theme-tabs-nav .blue-theme-tabs-item:hover, .blue-theme-tabs-text > .blue-theme-tabs-nav .blue-theme-tabs-item.hover {
  color: rgba(0, 0, 0, 0.9);
}
.blue-theme-tabs-text > .blue-theme-tabs-nav .blue-theme-tabs-item:hover .blue-theme-icon, .blue-theme-tabs-text > .blue-theme-tabs-nav .blue-theme-tabs-item.hover .blue-theme-icon {
  color: #2A8EFE;
}
.blue-theme-tabs-text > .blue-theme-tabs-nav .blue-theme-tab-active {
  color: rgba(0, 0, 0, 0.9);
  font-size: 16px;
}
.blue-theme-tabs-text > .blue-theme-tabs-nav .blue-theme-tab-active .blue-theme-picker-selected {
  color: rgba(0, 0, 0, 0.9);
}
.blue-theme-tabs-text .blue-theme-tabs-bottom-border {
  background-color: transparent;
}
.blue-theme-tabs-text .blue-theme-tabs-content {
  padding-left: 0px;
  padding-right: 0px;
}

.blue-theme-tabs-nav {
  position: relative;
}

.blue-theme-tabs-nocard {
  /* .blue-theme-tab-icon {
    color: $tabs-icon-color;
  } */
}
.blue-theme-tabs-nocard .blue-theme-tabs-content {
  padding-left: 0px;
  padding-right: 0px;
}
.blue-theme-tabs-nocard.blue-theme-tabs-left {
  display: flex;
}
.blue-theme-tabs-nocard.blue-theme-tabs-left > .blue-theme-tabs-content {
  padding: 0 16px;
}
.blue-theme-tabs-nocard .blue-theme-tabs-bar {
  position: absolute;
  z-index: 1;
  align-self: flex-end;
  background-color: #0A70F5;
  transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  z-index: 1;
  height: 2px;
  border-radius: 0px;
}

.blue-theme-tabs-nav-container {
  position: relative;
  display: flex;
  align-items: center;
  z-index: 2;
}

.blue-theme-tabs-nav-scroll {
  display: inline-flex;
  position: relative;
  overflow: hidden;
}

.blue-theme-tabs-nav-animated {
  position: relative;
  display: flex;
  transition: transform 0.3s;
}

.blue-theme-tabs-nocard .blue-theme-tabs-item .blue-theme-input-wrapper {
  font-size: 1em;
  color: currentColor;
  vertical-align: baseline;
}
.blue-theme-tabs-nocard .blue-theme-tabs-item-label {
  display: flex;
  align-items: center;
}
.blue-theme-tabs-nocard .blue-theme-tabs-item-label > span {
  display: inline-block;
  max-width: 164px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.blue-theme-tabs-nocard .blue-theme-tab-active .blue-theme-input-wrapper {
  font-weight: 600;
}
.blue-theme-tabs-nocard .blue-theme-tabs-item {
  position: relative;
  text-align: center;
  box-sizing: border-box;
  cursor: pointer;
}
.blue-theme-tabs-nocard .blue-theme-tabs-item:hover, .blue-theme-tabs-nocard .blue-theme-tabs-item.hover {
  color: #2A8EFE;
  background-color: transparent;
}
.blue-theme-tabs-nocard .blue-theme-tabs-item:hover .blue-theme-icon, .blue-theme-tabs-nocard .blue-theme-tabs-item.hover .blue-theme-icon {
  color: #2A8EFE;
}
.blue-theme-tabs-nocard .blue-theme-tabs-item:hover .blue-theme-input, .blue-theme-tabs-nocard .blue-theme-tabs-item.hover .blue-theme-input {
  color: #2A8EFE;
}
.blue-theme-tabs-nocard .blue-theme-tabs-item.blue-theme-tab-active {
  color: #0A70F5;
}
.blue-theme-tabs-nocard .blue-theme-tabs-item.blue-theme-tab-active .blue-theme-picker-selected .blue-theme-picker-icon,
.blue-theme-tabs-nocard .blue-theme-tabs-item.blue-theme-tab-active .blue-theme-tab-icon .blue-theme-picker-icon {
  color: #0A70F5;
}
.blue-theme-tabs-nocard .blue-theme-tabs-item .blue-theme-tabs-select-item .blue-theme-input {
  padding: 0;
  border: none;
  box-shadow: none;
  background-color: transparent;
  width: 30px;
}
.blue-theme-tabs-nocard .blue-theme-tabs-item .blue-theme-tabs-select-item .blue-theme-input-wrapper {
  padding: 0;
  border: none;
  box-shadow: none;
  background-color: transparent;
}
.blue-theme-tabs-nocard .blue-theme-tabs-item .blue-theme-tabs-select-item .blue-theme-input-disabled .blue-theme-input {
  background-color: transparent;
}
.blue-theme-tabs-nocard .blue-theme-tabs-item .blue-theme-picker-selected {
  vertical-align: top;
  color: currentColor;
  font-weight: inherit;
}
.blue-theme-tabs-nocard .blue-theme-tabs-item.blue-theme-tab-active .blue-theme-input {
  color: #2A8EFE;
}

.blue-theme-tabs-left > .blue-theme-tabs-nav {
  float: left;
  border-bottom: none;
}
.blue-theme-tabs-left > .blue-theme-tabs-nav .blue-theme-tabs-nav-animated {
  flex-direction: column;
}
.blue-theme-tabs-left > .blue-theme-tabs-nav .blue-theme-tabs-bar {
  bottom: auto;
  right: 0;
  width: 2px;
}
.blue-theme-tabs-left > .blue-theme-tabs-nav .blue-theme-tabs-nav-container {
  display: block;
}
.blue-theme-tabs-left > .blue-theme-tabs-nav .blue-theme-tabs-item {
  text-align: right;
}
.blue-theme-tabs-left > .blue-theme-tabs-nav .blue-theme-tabs-bottom-border {
  height: 100%;
  right: 0;
  width: 1px;
}
.blue-theme-tabs-left > .blue-theme-tabs-nav .blue-theme-tabs-item-small {
  padding: 0 8px;
  margin: 0 0 12px 0;
}
.blue-theme-tabs-left > .blue-theme-tabs-nav .blue-theme-tabs-item-normal {
  padding: 0 8px;
  margin: 0 0 12px 0;
}
.blue-theme-tabs-left > .blue-theme-tabs-nav .blue-theme-tabs-item-large {
  padding: 0 8px;
  margin: 0 0 12px 0;
}
.blue-theme-tabs-left > .blue-theme-tabs-content {
  float: left;
}
.blue-theme-tabs-right {
  display: flex;
  justify-content: space-between;
}
.blue-theme-tabs-right > .blue-theme-tabs-nav {
  float: right;
  border-bottom: none;
}
.blue-theme-tabs-right > .blue-theme-tabs-nav .blue-theme-tabs-nav-animated {
  flex-direction: column;
}
.blue-theme-tabs-right > .blue-theme-tabs-nav .blue-theme-tabs-bar {
  bottom: auto;
  left: 0;
  width: 2px;
}
.blue-theme-tabs-right > .blue-theme-tabs-nav .blue-theme-tabs-nav-container {
  display: block;
}
.blue-theme-tabs-right > .blue-theme-tabs-nav .blue-theme-tabs-item {
  text-align: left;
}
.blue-theme-tabs-right > .blue-theme-tabs-nav .blue-theme-tabs-bottom-border {
  height: 100%;
  left: 0;
  width: 1px;
}
.blue-theme-tabs-right > .blue-theme-tabs-nav .blue-theme-tabs-item-small {
  padding: 0 8px;
  margin: 0 0 12px 0;
}
.blue-theme-tabs-right > .blue-theme-tabs-nav .blue-theme-tabs-item-normal {
  padding: 0 8px;
  margin: 0 0 12px 0;
}
.blue-theme-tabs-right > .blue-theme-tabs-nav .blue-theme-tabs-item-large {
  padding: 0 8px;
  margin: 0 0 12px 0;
}
.blue-theme-tabs-right > .blue-theme-tabs-content {
  float: left;
}

.blue-theme-tabs-card > .blue-theme-tabs-nav .blue-theme-tabs-item,
.blue-theme-tabs-border-card > .blue-theme-tabs-nav .blue-theme-tabs-item {
  position: relative;
  text-align: center;
  box-sizing: border-box;
  background-color: rgba(0, 0, 0, 0.04);
  border: 1px solid rgba(0, 0, 0, 0.12);
  border-bottom: none;
  margin-right: 4px;
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  cursor: pointer;
}
.blue-theme-tabs-card > .blue-theme-tabs-nav .blue-theme-tabs-item .blue-theme-tabs-tab-close,
.blue-theme-tabs-border-card > .blue-theme-tabs-nav .blue-theme-tabs-item .blue-theme-tabs-tab-close {
  position: relative;
  width: 0;
  vertical-align: middle;
  overflow: hidden;
  top: -1px;
  transform-origin: 100% 50%;
  display: inline-block;
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.blue-theme-tabs-card > .blue-theme-tabs-nav .blue-theme-tabs-item:hover, .blue-theme-tabs-card > .blue-theme-tabs-nav .blue-theme-tabs-item.hover,
.blue-theme-tabs-border-card > .blue-theme-tabs-nav .blue-theme-tabs-item:hover,
.blue-theme-tabs-border-card > .blue-theme-tabs-nav .blue-theme-tabs-item.hover {
  color: #2A8EFE;
  border-bottom-color: rgba(0, 0, 0, 0.04);
  background-color: rgba(0, 0, 0, 0.04);
}
.blue-theme-tabs-card > .blue-theme-tabs-nav .blue-theme-tabs-item:hover.blue-theme-tabs-closable.blue-theme-tabs-item-small, .blue-theme-tabs-card > .blue-theme-tabs-nav .blue-theme-tabs-item.hover.blue-theme-tabs-closable.blue-theme-tabs-item-small,
.blue-theme-tabs-border-card > .blue-theme-tabs-nav .blue-theme-tabs-item:hover.blue-theme-tabs-closable.blue-theme-tabs-item-small,
.blue-theme-tabs-border-card > .blue-theme-tabs-nav .blue-theme-tabs-item.hover.blue-theme-tabs-closable.blue-theme-tabs-item-small {
  padding: 0 -2px;
}
.blue-theme-tabs-card > .blue-theme-tabs-nav .blue-theme-tabs-item:hover.blue-theme-tabs-closable.blue-theme-tabs-item-small .blue-theme-tabs-tab-close, .blue-theme-tabs-card > .blue-theme-tabs-nav .blue-theme-tabs-item.hover.blue-theme-tabs-closable.blue-theme-tabs-item-small .blue-theme-tabs-tab-close,
.blue-theme-tabs-border-card > .blue-theme-tabs-nav .blue-theme-tabs-item:hover.blue-theme-tabs-closable.blue-theme-tabs-item-small .blue-theme-tabs-tab-close,
.blue-theme-tabs-border-card > .blue-theme-tabs-nav .blue-theme-tabs-item.hover.blue-theme-tabs-closable.blue-theme-tabs-item-small .blue-theme-tabs-tab-close {
  width: 14px;
  height: 14px;
  font-size: 14px;
  margin-left: 4px;
  color: rgba(0, 0, 0, 0.35);
}
.blue-theme-tabs-card > .blue-theme-tabs-nav .blue-theme-tabs-item:hover.blue-theme-tabs-closable.blue-theme-tabs-item-normal, .blue-theme-tabs-card > .blue-theme-tabs-nav .blue-theme-tabs-item.hover.blue-theme-tabs-closable.blue-theme-tabs-item-normal,
.blue-theme-tabs-border-card > .blue-theme-tabs-nav .blue-theme-tabs-item:hover.blue-theme-tabs-closable.blue-theme-tabs-item-normal,
.blue-theme-tabs-border-card > .blue-theme-tabs-nav .blue-theme-tabs-item.hover.blue-theme-tabs-closable.blue-theme-tabs-item-normal {
  padding: 0 -21px;
}
.blue-theme-tabs-card > .blue-theme-tabs-nav .blue-theme-tabs-item:hover.blue-theme-tabs-closable.blue-theme-tabs-item-normal .blue-theme-tabs-tab-close, .blue-theme-tabs-card > .blue-theme-tabs-nav .blue-theme-tabs-item.hover.blue-theme-tabs-closable.blue-theme-tabs-item-normal .blue-theme-tabs-tab-close,
.blue-theme-tabs-border-card > .blue-theme-tabs-nav .blue-theme-tabs-item:hover.blue-theme-tabs-closable.blue-theme-tabs-item-normal .blue-theme-tabs-tab-close,
.blue-theme-tabs-border-card > .blue-theme-tabs-nav .blue-theme-tabs-item.hover.blue-theme-tabs-closable.blue-theme-tabs-item-normal .blue-theme-tabs-tab-close {
  width: 16px;
  height: 16px;
  font-size: 16px;
  margin-left: 4px;
  color: rgba(0, 0, 0, 0.35);
}
.blue-theme-tabs-card > .blue-theme-tabs-nav .blue-theme-tabs-item:hover.blue-theme-tabs-closable.blue-theme-tabs-item-large, .blue-theme-tabs-card > .blue-theme-tabs-nav .blue-theme-tabs-item.hover.blue-theme-tabs-closable.blue-theme-tabs-item-large,
.blue-theme-tabs-border-card > .blue-theme-tabs-nav .blue-theme-tabs-item:hover.blue-theme-tabs-closable.blue-theme-tabs-item-large,
.blue-theme-tabs-border-card > .blue-theme-tabs-nav .blue-theme-tabs-item.hover.blue-theme-tabs-closable.blue-theme-tabs-item-large {
  padding: 0 8px;
}
.blue-theme-tabs-card > .blue-theme-tabs-nav .blue-theme-tabs-item:hover.blue-theme-tabs-closable.blue-theme-tabs-item-large .blue-theme-tabs-tab-close, .blue-theme-tabs-card > .blue-theme-tabs-nav .blue-theme-tabs-item.hover.blue-theme-tabs-closable.blue-theme-tabs-item-large .blue-theme-tabs-tab-close,
.blue-theme-tabs-border-card > .blue-theme-tabs-nav .blue-theme-tabs-item:hover.blue-theme-tabs-closable.blue-theme-tabs-item-large .blue-theme-tabs-tab-close,
.blue-theme-tabs-border-card > .blue-theme-tabs-nav .blue-theme-tabs-item.hover.blue-theme-tabs-closable.blue-theme-tabs-item-large .blue-theme-tabs-tab-close {
  width: 18px;
  height: 18px;
  font-size: 18px;
  margin-left: 4px;
  color: rgba(0, 0, 0, 0.35);
}
.blue-theme-tabs-card > .blue-theme-tabs-nav .blue-theme-tabs-item:hover .blue-theme-icon, .blue-theme-tabs-card > .blue-theme-tabs-nav .blue-theme-tabs-item.hover .blue-theme-icon,
.blue-theme-tabs-border-card > .blue-theme-tabs-nav .blue-theme-tabs-item:hover .blue-theme-icon,
.blue-theme-tabs-border-card > .blue-theme-tabs-nav .blue-theme-tabs-item.hover .blue-theme-icon {
  color: #2A8EFE;
}
.blue-theme-tabs-card > .blue-theme-tabs-nav .blue-theme-tabs-item.blue-theme-tab-active,
.blue-theme-tabs-border-card > .blue-theme-tabs-nav .blue-theme-tabs-item.blue-theme-tab-active {
  color: #0A70F5;
  border-bottom-color: #fff;
  background-color: #fff;
  position: relative;
  /* &::after {
            content: '';
            position: absolute;
  z-index: 1; // 🐟for lowcode render
            left: -6px;
            bottom: 0;
            width: 6px;
            height: 6px;
            background: radial-gradient(circle at 0% 0%, transparent 6px, #00caf5 0)
          } */
}
.blue-theme-tabs-card > .blue-theme-tabs-nav .blue-theme-tabs-item.blue-theme-tab-active.blue-theme-tabs-closable.blue-theme-tabs-item-small,
.blue-theme-tabs-border-card > .blue-theme-tabs-nav .blue-theme-tabs-item.blue-theme-tab-active.blue-theme-tabs-closable.blue-theme-tabs-item-small {
  padding: 0 -2px;
}
.blue-theme-tabs-card > .blue-theme-tabs-nav .blue-theme-tabs-item.blue-theme-tab-active.blue-theme-tabs-closable.blue-theme-tabs-item-small .blue-theme-tabs-tab-close,
.blue-theme-tabs-border-card > .blue-theme-tabs-nav .blue-theme-tabs-item.blue-theme-tab-active.blue-theme-tabs-closable.blue-theme-tabs-item-small .blue-theme-tabs-tab-close {
  width: 14px;
  height: 14px;
  font-size: 14px;
  margin-left: 4px;
  color: rgba(0, 0, 0, 0.35);
}
.blue-theme-tabs-card > .blue-theme-tabs-nav .blue-theme-tabs-item.blue-theme-tab-active.blue-theme-tabs-closable.blue-theme-tabs-item-normal,
.blue-theme-tabs-border-card > .blue-theme-tabs-nav .blue-theme-tabs-item.blue-theme-tab-active.blue-theme-tabs-closable.blue-theme-tabs-item-normal {
  padding: 0 -21px;
}
.blue-theme-tabs-card > .blue-theme-tabs-nav .blue-theme-tabs-item.blue-theme-tab-active.blue-theme-tabs-closable.blue-theme-tabs-item-normal .blue-theme-tabs-tab-close,
.blue-theme-tabs-border-card > .blue-theme-tabs-nav .blue-theme-tabs-item.blue-theme-tab-active.blue-theme-tabs-closable.blue-theme-tabs-item-normal .blue-theme-tabs-tab-close {
  width: 16px;
  height: 16px;
  font-size: 16px;
  margin-left: 4px;
  color: rgba(0, 0, 0, 0.35);
}
.blue-theme-tabs-card > .blue-theme-tabs-nav .blue-theme-tabs-item.blue-theme-tab-active.blue-theme-tabs-closable.blue-theme-tabs-item-large,
.blue-theme-tabs-border-card > .blue-theme-tabs-nav .blue-theme-tabs-item.blue-theme-tab-active.blue-theme-tabs-closable.blue-theme-tabs-item-large {
  padding: 0 8px;
}
.blue-theme-tabs-card > .blue-theme-tabs-nav .blue-theme-tabs-item.blue-theme-tab-active.blue-theme-tabs-closable.blue-theme-tabs-item-large .blue-theme-tabs-tab-close,
.blue-theme-tabs-border-card > .blue-theme-tabs-nav .blue-theme-tabs-item.blue-theme-tab-active.blue-theme-tabs-closable.blue-theme-tabs-item-large .blue-theme-tabs-tab-close {
  width: 18px;
  height: 18px;
  font-size: 18px;
  margin-left: 4px;
  color: rgba(0, 0, 0, 0.35);
}
.blue-theme-tabs-card > .blue-theme-tabs-nav .blue-theme-tabs-item.blue-theme-tab-active .blue-theme-icon,
.blue-theme-tabs-border-card > .blue-theme-tabs-nav .blue-theme-tabs-item.blue-theme-tab-active .blue-theme-icon {
  color: #0A70F5;
}
.blue-theme-tabs-card > .blue-theme-tabs-nav .blue-theme-tabs-scroll,
.blue-theme-tabs-border-card > .blue-theme-tabs-nav .blue-theme-tabs-scroll {
  border: 2px solid #e0e0e0;
}
.blue-theme-tabs-card > .blue-theme-tabs-nav .blue-theme-tabs-item-disabled,
.blue-theme-tabs-border-card > .blue-theme-tabs-nav .blue-theme-tabs-item-disabled {
  background-color: rgba(0, 0, 0, 0.04);
  color: rgba(0, 0, 0, 0.25);
  opacity: 1;
}
.blue-theme-tabs-card > .blue-theme-tabs-nav .blue-theme-tabs-item-disabled:hover, .blue-theme-tabs-card > .blue-theme-tabs-nav .blue-theme-tabs-item-disabled.hover,
.blue-theme-tabs-border-card > .blue-theme-tabs-nav .blue-theme-tabs-item-disabled:hover,
.blue-theme-tabs-border-card > .blue-theme-tabs-nav .blue-theme-tabs-item-disabled.hover {
  color: rgba(0, 0, 0, 0.25);
  font-weight: 400;
}
.blue-theme-tabs-card .blue-theme-tabs-content,
.blue-theme-tabs-border-card .blue-theme-tabs-content {
  margin-top: -1px;
  border-top: 1px solid #e0e0e0;
}

.blue-theme-tabs-border-card .blue-theme-tabs-content {
  border: 1px solid #e0e0e0;
  border-radius: 6px;
  border-top-left-radius: 0;
}

.blue-theme-tabs-action {
  border-radius: 2px;
  line-height: 1;
  color: rgba(0, 0, 0, 0.5);
  text-align: center;
  display: inline-flex;
  align-items: center;
}
.blue-theme-tabs-action:hover, .blue-theme-tabs-action.hover {
  cursor: pointer;
  color: rgba(0, 0, 0, 0.9);
  border-color: #e0e0e0;
  background-color: rgba(0, 0, 0, 0.04);
}
.blue-theme-tabs-action-disabled {
  color: rgba(0, 0, 0, 0.25);
  background-color: rgba(0, 0, 0, 0.04);
}
.blue-theme-tabs-action-disabled:hover, .blue-theme-tabs-action-disabled.hover {
  cursor: not-allowed;
  color: rgba(0, 0, 0, 0.25);
  border-color: rgba(0, 0, 0, 0.12);
  background-color: rgba(0, 0, 0, 0.04);
}

.blue-theme-tabs-page {
  margin-left: 15px;
  display: inline-block;
  position: absolute;
  z-index: 1;
  right: 0;
  bottom: auto;
}
.blue-theme-tabs-page .blue-theme-tabs-action:first-child {
  border-right: none;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.blue-theme-tabs-page .blue-theme-tabs-action:last-child {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.blue-theme-tabs-item-disabled.blue-theme-tabs-item {
  color: rgba(0, 0, 0, 0.5);
  opacity: 0.45;
  background-color: transparent;
}
.blue-theme-tabs-item-disabled.blue-theme-tabs-item:hover, .blue-theme-tabs-item-disabled.blue-theme-tabs-item.hover {
  color: rgba(0, 0, 0, 0.5);
  cursor: not-allowed;
  background-color: transparent;
}

.blue-theme-tabs-select .blue-theme-dropdown-menu {
  min-width: 0px;
}

/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
/**
* 基础变量
* 参见: https://km.sankuai.com/page/147289627
**/
/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
/**
* 基础变量
* 参见: https://km.sankuai.com/page/147289627
**/
/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
.blue-theme-checkbox-group .blue-theme-checkbox {
  margin-right: 32px;
}
.blue-theme-checkbox-group .blue-theme-checkbox + .blue-theme-checkbox {
  margin-left: 0;
}
.blue-theme-checkbox-group .blue-theme-checkbox:last-child {
  margin-right: 0;
}

/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
/**
* 基础变量
* 参见: https://km.sankuai.com/page/147289627
**/
/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
.blue-theme-checkbox {
  color: rgba(0, 0, 0, 0.9);
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  vertical-align: middle;
  font-size: 0;
}
.blue-theme-checkbox:before {
  content: " ";
  display: inline-block;
  width: 0;
  height: 100%;
  vertical-align: middle;
}
.blue-theme-checkbox + .blue-theme-checkbox {
  margin-left: 32px;
}
.blue-theme-checkbox-inner {
  color: rgba(0, 0, 0, 0.2);
  display: inline-flex;
  align-items: center;
  vertical-align: middle;
  width: 1em;
  height: 1em;
  border: 1px solid currentColor;
  border-radius: 4px;
  background-color: #fff;
  position: relative;
  transition: background-color 0.3s, color 0.3s;
  flex: 0 0 auto;
}
.blue-theme-checkbox-inner .blue-theme-icon {
  position: relative;
  left: -1px;
  color: transparent;
}
.blue-theme-checkbox-indeterminate .blue-theme-checkbox-inner, .blue-theme-checkbox-checked .blue-theme-checkbox-inner {
  background-color: #0A70F5;
  color: #0A70F5;
}
.blue-theme-checkbox-indeterminate .blue-theme-checkbox-inner i, .blue-theme-checkbox-checked .blue-theme-checkbox-inner i {
  color: #fff;
}
.blue-theme-checkbox-indeterminate-inner {
  height: 4px;
  position: absolute;
  z-index: 1;
  left: 2px;
  right: 2px;
  transform: scale(1, 0.5);
  background-color: currentColor;
  border-radius: 1px;
}
.blue-theme-checkbox-text {
  vertical-align: middle;
  margin-left: 8px;
}
.blue-theme-checkbox:not(.blue-theme-checkbox-disabled):hover, .blue-theme-checkbox:not(.blue-theme-checkbox-disabled).hover {
  color: rgba(0, 0, 0, 0.7);
}
.blue-theme-checkbox:not(.blue-theme-checkbox-disabled):hover .blue-theme-checkbox-inner, .blue-theme-checkbox:not(.blue-theme-checkbox-disabled).hover .blue-theme-checkbox-inner {
  color: #0A70F5;
}
.blue-theme-checkbox-checked .blue-theme-checkbox-inner, .blue-theme-checkbox-indeterminate .blue-theme-checkbox-inner {
  color: #0A70F5;
}
.blue-theme-checkbox-disabled {
  color: rgba(0, 0, 0, 0.25);
  cursor: not-allowed;
}
.blue-theme-checkbox-disabled .blue-theme-checkbox-inner {
  background-color: rgba(0, 0, 0, 0.04);
  color: rgba(0, 0, 0, 0.12);
}
.blue-theme-checkbox-disabled .blue-theme-checkbox-inner i {
  color: rgba(0, 0, 0, 0.12);
}
.blue-theme-checkbox .blue-theme-checkbox-text {
  font-size: 14px;
}
.blue-theme-checkbox .blue-theme-checkbox-inner {
  font-size: 16px;
}
.blue-theme-checkbox .blue-theme-checkbox-inner .blue-theme-icon {
  font-size: 16px;
}
.blue-theme-checkbox .blue-theme-checkbox-indeterminate-inner {
  top: 5px;
}
.blue-theme-checkbox-large .blue-theme-checkbox-text {
  font-size: 16px;
}
.blue-theme-checkbox-large .blue-theme-checkbox-inner {
  font-size: 18px;
}
.blue-theme-checkbox-large .blue-theme-checkbox-inner .blue-theme-icon {
  font-size: 18px;
}
.blue-theme-checkbox-large .blue-theme-checkbox-indeterminate-inner {
  top: 6px;
}
.blue-theme-checkbox-large .blue-theme-checkbox-text {
  margin-left: 8px;
}
.blue-theme-checkbox-small .blue-theme-checkbox-text {
  font-size: 12px;
}
.blue-theme-checkbox-small .blue-theme-checkbox-inner {
  font-size: 14px;
}
.blue-theme-checkbox-small .blue-theme-checkbox-inner .blue-theme-icon {
  font-size: 14px;
}
.blue-theme-checkbox-small .blue-theme-checkbox-indeterminate-inner {
  top: 4px;
}
.blue-theme-checkbox-small .blue-theme-checkbox-text {
  margin-left: 4px;
}

/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
/**
* 基础变量
* 参见: https://km.sankuai.com/page/147289627
**/
/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
.blue-theme-dropdown-menu-item {
  margin: 0 4px;
  line-height: 36px;
  padding: 0px 8px;
  text-align: left;
  cursor: pointer;
  color: rgba(0, 0, 0, 0.9);
  transition: all 0.3s;
}
.blue-theme-dropdown-menu-item:hover, .blue-theme-dropdown-menu-item.hover {
  background-color: rgba(0, 0, 0, 0.04);
  color: rgba(0, 0, 0, 0.9);
  border-radius: 4px;
}
.blue-theme-dropdown-menu-item-selected {
  background-color: #EFF8FF;
  font-weight: 600;
  color: rgba(0, 0, 0, 0.9);
  border-radius: 4px;
}
.blue-theme-dropdown-menu-item-selected:hover, .blue-theme-dropdown-menu-item-selected.hover {
  color: rgba(0, 0, 0, 0.9);
  background-color: #EFF8FF;
}
.blue-theme-dropdown-menu-item-disabled {
  cursor: not-allowed;
  color: rgba(0, 0, 0, 0.25);
}
.blue-theme-dropdown-menu-item-disabled:hover {
  background-color: transparent;
  color: rgba(0, 0, 0, 0.25);
}
.blue-theme-dropdown-menu-item-icon {
  margin: 0 4px;
  font-size: 16px;
}
.blue-theme-dropdown-menu-item > .blue-theme-checkbox {
  vertical-align: top;
}

.blue-theme-table {
  position: relative;
  overflow: hidden;
  box-sizing: border-box;
  flex: 1 1 auto;
  width: 100%;
  max-width: 100%;
  background-color: #fff;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.9);
  text-align: left;
  /* &-show-summary {
    .blue-theme-table-footer {
      &>tbody {
        &>tr:last-child {
          &>td {
            border: none;
          }
        }
      }
    }
  } */
  /***
    &-enable-row-transition {
      .blue-theme-table-body td {
        transition: background-color .25s ease;
      }
    }
  ***/
}
.blue-theme-table th {
  color: rgba(0, 0, 0, 0.5);
  font-weight: 500;
  background-color: #f5f5f5;
  text-overflow: ellipsis;
  white-space: nowrap;
  border-bottom: 1px solid rgba(0, 0, 0, 0.06);
  padding: 7px 0;
}
.blue-theme-table th:hover .divider {
  opacity: 1;
}
.blue-theme-table-hidden {
  visibility: hidden;
}
.blue-theme-table .divider {
  opacity: 0;
  position: absolute;
  z-index: 1;
  top: 0;
  bottom: 0;
  left: 100%;
  transform: translateX(-1px);
  box-sizing: content-box;
  width: 2px;
  background-color: rgba(0, 0, 0, 0.04);
  z-index: 1;
}
.blue-theme-table .divider.hover {
  opacity: 1;
}
.blue-theme-table .divider:hover, .blue-theme-table .divider.active {
  background-color: #0A70F5;
  opacity: 1;
}
.blue-theme-table th,
.blue-theme-table td {
  min-width: 0;
  box-sizing: border-box;
  text-overflow: ellipsis;
  vertical-align: middle;
  font-size: 0;
}
.blue-theme-table th.blue-theme-table-is-fixed-left,
.blue-theme-table td.blue-theme-table-is-fixed-left {
  position: sticky;
  z-index: 1;
  left: 0;
}
.blue-theme-table th.blue-theme-table-is-fixed-right,
.blue-theme-table td.blue-theme-table-is-fixed-right {
  position: sticky;
  z-index: 1;
  right: 0;
}
.blue-theme-table-is-fixed-left {
  position: sticky;
  z-index: 1;
  left: 0;
}
.blue-theme-table-is-fixed-left-side::after {
  pointer-events: none;
  content: "";
  position: absolute;
  z-index: 1;
  right: 0;
  top: 0;
  height: 100%;
  width: 30px;
  transform: translateX(100%);
}
.blue-theme-table-is-fixed-right {
  position: sticky;
  z-index: 1;
  right: 0;
}
.blue-theme-table-is-fixed-right-side::after {
  pointer-events: none;
  content: "";
  position: absolute;
  z-index: 1;
  left: 0;
  top: 0;
  height: 100%;
  width: 30px;
  transform: translateX(-100%);
}
.blue-theme-table td {
  padding: 11px 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.06);
  background-color: #fff;
}
.blue-theme-table tr {
  background-color: #fff;
}
.blue-theme-table tr.blue-theme-table-current-row {
  background-color: #EFF8FF;
}
.blue-theme-table tr.blue-theme-table-current-row > td {
  background-color: #EFF8FF;
}
.blue-theme-table-cell {
  display: flex;
  align-items: center;
  box-sizing: border-box;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
  word-break: break-all;
  line-height: 22px;
  padding-left: 12px;
  padding-right: 12px;
  font-size: 14px;
}
.blue-theme-table-cell > .blue-theme-checkbox {
  vertical-align: top;
}
.blue-theme-table-cell-tooltip {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.blue-theme-table-text-center > .blue-theme-table-cell {
  justify-content: center;
}
.blue-theme-table-text-left > .blue-theme-table-cell {
  justify-content: start;
}
.blue-theme-table-text-right > .blue-theme-table-cell {
  justify-content: end;
}
.blue-theme-table-empty-block {
  /* position: absolute;
  top: 50%;
  transform: translateY(-50%); */
  min-height: 60px;
  text-align: center;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.blue-theme-table-loading-block {
  min-height: 60px;
  position: absolute;
  z-index: 1;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.blue-theme-table-loading .blue-theme-table-body {
  opacity: 0.5;
}
.blue-theme-table-loading .blue-theme-table-body-wrapper {
  min-height: 120px;
}
.blue-theme-table-expand-column .blue-theme-table-cell {
  text-align: center;
}
.blue-theme-table-expand-icon {
  display: inline-flex;
  align-items: center;
}
.blue-theme-table-expand-icon, .blue-theme-table-tree-expand-icon {
  position: relative;
  cursor: pointer;
  color: rgba(0, 0, 0, 0.5);
  font-size: 16px;
  transition: transform 0.2s ease-in-out;
  height: 20px;
  text-align: center;
}
.blue-theme-table-expand-icon.blue-theme-table-expand-icon-expanded, .blue-theme-table-tree-expand-icon.blue-theme-table-expand-icon-expanded {
  transform: rotate(90deg);
}
.blue-theme-table-tree-expand-icon {
  display: inline-block;
  width: 1em;
  height: 1em;
  line-height: 1;
  margin-right: 8px;
  font-size: 16px;
}
.blue-theme-table-expanded-cell {
  background-color: #fff;
}
.blue-theme-table-expanded-cell[class*=blue-theme-table-cell] {
  padding: 20px 50px;
}
.blue-theme-table-expanded-cell > .blue-theme-table-cell {
  padding: 0;
}
.blue-theme-table-expanded-cell:hover, .blue-theme-table-expanded-cell.hover {
  background-color: transparent !important;
}
.blue-theme-table-large th {
  padding: 7px 0;
}
.blue-theme-table-large td {
  padding: 16px 0;
}
.blue-theme-table-large th .blue-theme-table-cell,
.blue-theme-table-large td .blue-theme-table-cell {
  font-size: 14px;
  line-height: 22px;
}
.blue-theme-table-small th {
  padding: 7px 0;
}
.blue-theme-table-small td {
  padding: 8px 0;
}
.blue-theme-table-small th .blue-theme-table-cell,
.blue-theme-table-small td .blue-theme-table-cell {
  line-height: 20px;
  font-size: 14px;
}
.blue-theme-table-border {
  border: 1px solid rgba(0, 0, 0, 0.06);
  border-right: none;
  border-bottom: none;
}
.blue-theme-table-border th,
.blue-theme-table-border td {
  border-right: 1px solid rgba(0, 0, 0, 0.06);
}
.blue-theme-table-border::after {
  content: "";
  position: absolute;
  z-index: 1;
  background-color: rgba(0, 0, 0, 0.06);
  top: 0;
  right: 0;
  width: 1px;
  height: 100%;
}
.blue-theme-table-border::before {
  content: "";
  position: absolute;
  z-index: 1;
  background-color: rgba(0, 0, 0, 0.06);
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1px;
  z-index: 2;
}
.blue-theme-table-header-wrapper, .blue-theme-table-body-wrapper, .blue-theme-table-footer-wrapper {
  width: 100%;
}
.blue-theme-table-footer-wrapper {
  margin-top: -1px;
}
.blue-theme-table-footer-wrapper td {
  border-top: 1px solid rgba(0, 0, 0, 0.06);
  background-color: #fff;
  font-weight: 500;
}
.blue-theme-table-header th > .blue-theme-table-cell {
  display: flex;
  align-items: center;
}
.blue-theme-table-footer td {
  background-color: rgba(0, 0, 0, 0.04);
}
.blue-theme-table-header, .blue-theme-table-body, .blue-theme-table-footer {
  table-layout: fixed;
  border-collapse: separate;
}
.blue-theme-table-header-wrapper, .blue-theme-table-footer-wrapper {
  overflow: hidden;
}
.blue-theme-table-scrolling-middle .blue-theme-table-is-fixed-left-side::after {
  box-shadow: inset 10px 0 10px -10px rgba(0, 0, 0, 0.12);
}
.blue-theme-table-scrolling-middle .blue-theme-table-is-fixed-right-side::after {
  box-shadow: inset -10px 0 10px -10px rgba(0, 0, 0, 0.12);
}
.blue-theme-table-scrolling-left .blue-theme-table-is-fixed-right-side::after {
  box-shadow: inset -10px 0 10px -10px rgba(0, 0, 0, 0.12);
}
.blue-theme-table-scrolling-right .blue-theme-table-is-fixed-left-side::after {
  box-shadow: inset 10px 0 10px -10px rgba(0, 0, 0, 0.12);
}
.blue-theme-table-body-wrapper {
  overflow: hidden;
  position: relative;
}
.blue-theme-table-border .blue-theme-table-scrolling-middle .blue-theme-table-is-fixed-left {
  border-right: 1px solid rgba(0, 0, 0, 0.06);
}
.blue-theme-table-border .blue-theme-table-scrolling-middle .blue-theme-table-is-fixed-right {
  border-left: 1px solid rgba(0, 0, 0, 0.06);
}
.blue-theme-table-border .blue-theme-table-scrolling-left .blue-theme-table-is-fixed-right {
  border-left: 1px solid rgba(0, 0, 0, 0.06);
}
.blue-theme-table-border .blue-theme-table-scrolling-right .blue-theme-table-is-fixed-left {
  border-right: 1px solid rgba(0, 0, 0, 0.06);
}
.blue-theme-table-scrollable-x .blue-theme-table-body-wrapper {
  overflow-x: auto;
}
.blue-theme-table-scrollable-y .blue-theme-table-body-wrapper {
  overflow-y: auto;
}
.blue-theme-table-is-sortable {
  cursor: pointer;
  z-index: 1;
}
.blue-theme-table-is-sortable:hover {
  background-color: #f0f0f0;
}
.blue-theme-table-sortable {
  height: 20px;
  width: 20px;
  display: inline-block;
  margin-left: 5px;
  vertical-align: top;
  position: relative;
  transform: scale(0.8);
}
.blue-theme-table-sortable-icon {
  width: 0;
  height: 0;
  border: solid 5px transparent;
  position: absolute;
  z-index: 1;
  left: 5px;
}
.blue-theme-table-sortable-ascending {
  border-bottom-color: rgba(0, 0, 0, 0.5);
  border-top: none;
  top: 3px;
}
.blue-theme-table-sortable-descending {
  border-top-color: rgba(0, 0, 0, 0.5);
  border-bottom: none;
  bottom: 3px;
}
.blue-theme-table .ascending .blue-theme-table-sortable-ascending {
  border-bottom-color: #0A70F5;
}
.blue-theme-table .descending .blue-theme-table-sortable-descending {
  border-top-color: #0A70F5;
}
.blue-theme-table-hidden-columns {
  visibility: hidden;
  position: absolute;
  z-index: 1;
  z-index: -1;
}
.blue-theme-table-striped .blue-theme-table-body tr.blue-theme-table-row-striped td {
  background: #fafafa;
}
.blue-theme-table-striped .blue-theme-table-body tr.blue-theme-table-row-striped:hover > td {
  background-color: #f5f5f5;
}
.blue-theme-table-column-has-actions {
  user-select: none;
}
.blue-theme-table-column-has-filters {
  padding-right: 32px;
}
.blue-theme-table-column-has-filters > .blue-theme-table-cell {
  overflow: visible;
  position: relative;
}
.blue-theme-table-column-has-filters > .blue-theme-table-cell .blue-theme-table-column-filter-trigger {
  position: absolute;
  z-index: 1;
  height: calc(14px + 100%);
  right: 0px;
}
.blue-theme-table-column-filter-trigger {
  text-align: center;
  height: 20px;
  width: 20px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.blue-theme-table-column-filter-trigger i {
  color: rgba(0, 0, 0, 0.5);
  font-size: 14px;
}
.blue-theme-table-column-filter-trigger-filtered i {
  color: #2A8EFE;
}
.blue-theme-table-column-filter-trigger:hover, .blue-theme-table-column-filter-trigger.hover {
  background: rgba(0, 0, 0, 0.04);
}
.blue-theme-table-filter-panel-dropdown {
  padding: 4px;
}
.blue-theme-table-filter-checkbox-group > .blue-theme-checkbox {
  display: block;
  margin-right: 0;
  margin-left: 0;
}
.blue-theme-table-filter-footer {
  padding: 8px 12px;
  overflow: hidden;
}
.blue-theme-table-filter-footer-clear {
  float: right;
}
.blue-theme-table-filter-footer-confirm {
  margin-right: 8px;
}
.blue-theme-table-filter-footer > a {
  cursor: pointer;
  text-decoration: none;
  color: rgba(0, 0, 0, 0.7);
}
.blue-theme-table-filter-footer > a:hover {
  color: #0A70F5;
}
.blue-theme-table-column-resize-proxy {
  position: absolute;
  z-index: 1;
  left: 200px;
  top: 0;
  bottom: 0;
  width: 0;
  border-left: 2px solid rgba(0, 0, 0, 0.06);
  transform: translateX(-1px);
  z-index: 10;
}
.blue-theme-table-body tr:hover > td,
.blue-theme-table-body tr.hover > td {
  background-color: #f5f5f5;
}
.blue-theme-table-body-striped > tbody > tr > td {
  border: none;
}
.blue-theme-table-fluid-height .blue-theme-table-fixed,
.blue-theme-table-fluid-height .blue-theme-table-fixed-right {
  bottom: 0;
  overflow: hidden;
}
.blue-theme-table .blue-theme-table-expanded-cell {
  padding: 0px;
  font-size: 1em;
}
.blue-theme-table th .drag-line {
  position: absolute;
  z-index: 1;
  right: 0px;
  top: 0;
  width: 2px;
  height: 100%;
  background: rgba(0, 0, 0, 0.07);
}
.blue-theme-table th:hover .drag-line {
  display: block;
}
.blue-theme-table-gutter {
  position: sticky;
  right: 0;
  border-left: 1px solid rgba(0, 0, 0, 0.06);
}

.blue-theme-table-column-selection {
  text-align: center;
}
.blue-theme-table-column-selection .blue-theme-table-cell {
  display: inline-flex;
  align-items: center;
  overflow: visible;
  padding-right: 24px;
}
.blue-theme-table-column-index {
  text-align: center;
}
.blue-theme-table-column-resizable {
  position: relative;
}

/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
/**
* 基础变量
* 参见: https://km.sankuai.com/page/147289627
**/
/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
/**
* 基础变量
* 参见: https://km.sankuai.com/page/147289627
**/
/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
.blue-theme-card {
  overflow: hidden;
  border: 1px solid rgba(0, 0, 0, 0.06);
  border-radius: 6px;
  box-sizing: border-box;
  position: relative;
  background-color: #fff;
}
.blue-theme-card-always-shadow {
  box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.1);
}
.blue-theme-card-hover-shadow:hover, .blue-theme-card-hover-shadow.hover, .blue-theme-card-hover-shadow:focus {
  box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.1);
}
.blue-theme-card-title {
  padding: 16px 20px;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  color: rgba(0, 0, 0, 0.9);
  border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}
.blue-theme-card-extra {
  position: absolute;
  z-index: 1;
  right: 20px;
  top: 16px;
}
.blue-theme-card-body {
  padding: 16px 20px;
}

/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
/**
* 基础变量
* 参见: https://km.sankuai.com/page/147289627
**/
/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
.blue-theme-notification {
  display: flex;
  align-items: flex-start;
  width: 340px;
  padding: 16px 24px 24px 24px;
  border-radius: 6px;
  box-sizing: border-box;
  position: fixed;
  background-color: #fff;
  box-shadow: 0 8px 24px 0 rgba(0, 0, 0, 0.12);
  border: 0px solid transparent;
  transition: opacity 0.3s, transform 0.3s, left 0.3s, right 0.3s, top 0.4s, bottom 0.3s;
  overflow: hidden;
}
.blue-theme-notification.right {
  right: 16px;
}
.blue-theme-notification.left {
  left: 16px;
}
.blue-theme-notification-group {
  flex: 1 1 auto;
}
.blue-theme-notification-title {
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  color: rgba(0, 0, 0, 0.7);
}

.blue-theme-notification-time {
  font-size: 12px;
  color: rgba(0, 0, 0, 0.5);
  letter-spacing: 0;
  line-height: 20px;
}

.blue-theme-notification-content {
  font-size: 14px;
  color: rgba(0, 0, 0, 0.7);
  margin: 8px 0 0 0;
}

.blue-theme-notification-icon {
  font-size: 24px;
  margin-right: 8px;
}

.blue-theme-notification-close {
  position: absolute;
  z-index: 1;
  top: 14px;
  right: 18px;
  cursor: pointer;
  color: rgba(0, 0, 0, 0.5);
  font-size: 16px;
  width: 28px;
  height: 28px;
  border-radius: 6px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.blue-theme-notification-close:hover, .blue-theme-notification-close.hover {
  color: rgba(0, 0, 0, 0.7);
  background-color: rgba(0, 0, 0, 0.06);
}

.blue-theme-notification-success .blue-theme-notification-icon {
  color: #00ba73;
}
.blue-theme-notification-success.blue-theme-notification-colorful {
  background: #edfaf4;
  border: 1px solid #00ba73;
}
.blue-theme-notification-error .blue-theme-notification-icon {
  color: #f5483b;
}
.blue-theme-notification-error.blue-theme-notification-colorful {
  background: #fff2f0;
  border: 1px solid #f5483b;
}
.blue-theme-notification-info .blue-theme-notification-icon {
  color: #0A70F5;
}
.blue-theme-notification-info.blue-theme-notification-colorful {
  background: #EFF8FF;
  border: 1px solid #0A70F5;
}
.blue-theme-notification-warning .blue-theme-notification-icon {
  color: #ff9d00;
}
.blue-theme-notification-warning.blue-theme-notification-colorful {
  background: #fff6e0;
  border: 1px solid #ff9d00;
}

.blue-theme-notification-fade-enter.right {
  right: 0;
  transform: translateX(100%);
}
.blue-theme-notification-fade-enter.left {
  left: 0;
  transform: translateX(-100%);
}

.blue-theme-notification-fade-leave-to {
  opacity: 0;
}

/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
/**
* 基础变量
* 参见: https://km.sankuai.com/page/147289627
**/
/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
.blue-theme-drawer {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background: #fff;
  box-shadow: 0 13px 39px 0 rgba(0, 0, 0, 0.15);
  text-align: left;
  overflow: auto;
  color: rgba(0, 0, 0, 0.9);
}
.blue-theme-drawer-mask, .blue-theme-drawer-wrapper {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
.blue-theme-drawer-mask {
  background-color: rgba(0, 0, 0, 0.5);
}
.blue-theme-drawer-close {
  color: rgba(0, 0, 0, 0.7);
  font-size: 16px;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  /* position: absolute;
  top: $drawer-close-top;
  right: $drawer-close-right; */
  line-height: 24px;
  cursor: pointer;
  z-index: 10;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-left: 8px;
}
.blue-theme-drawer-close:hover, .blue-theme-drawer-close.hover {
  color: rgba(0, 0, 0, 0.7);
  background: rgba(0, 0, 0, 0.06);
}
.blue-theme-drawer-close:active {
  color: rgba(0, 0, 0, 0.7);
  background-color: rgba(0, 0, 0, 0.06);
}
.blue-theme-drawer-header-wrapper {
  width: 100%;
  display: flex;
  justify-content: space-between;
  padding: 16px 24px;
  align-items: center;
}
.blue-theme-drawer-header-wrapper-reverse {
  flex-direction: row-reverse;
}
.blue-theme-drawer-header-wrapper-reverse > .blue-theme-drawer-close {
  margin-left: 0;
  margin-right: 8px;
}
.blue-theme-drawer-header {
  flex-grow: 1;
  line-height: 24px;
  font-size: 18px;
  color: rgba(0, 0, 0, 0.9);
  font-weight: 500;
}
.blue-theme-drawer-content {
  padding: 0 24px;
}
.blue-theme-drawer-footer {
  width: 100%;
  position: absolute;
  z-index: 1;
  bottom: 0;
  padding: 16px 24px;
}
.blue-theme-drawer-right {
  left: auto;
}
.blue-theme-drawer-bottom {
  top: auto;
}

.fade-in-left-enter-active {
  animation: fade-in-left 0.3s;
}
.fade-in-left-leave-active {
  animation: fade-in-left 0.3s reverse;
}

.fade-in-right-enter-active {
  animation: fade-in-right 0.3s;
}
.fade-in-right-leave-active {
  animation: fade-in-right 0.3s reverse;
}

.fade-in-top-enter-active {
  animation: fade-in-top 0.3s;
}
.fade-in-top-leave-active {
  animation: fade-in-top 0.3s reverse;
}

.fade-in-bottom-enter-active {
  animation: fade-in-bottom 0.3s;
}
.fade-in-bottom-leave-active {
  animation: fade-in-bottom 0.3s reverse;
}

@keyframes fade-in-left {
  0% {
    transform: translateX(-100%);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes fade-in-right {
  0% {
    transform: translateX(100%);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes fade-in-top {
  0% {
    transform: translateY(-100%);
  }
  100% {
    transform: translateY(0);
  }
}
@keyframes fade-in-bottom {
  0% {
    transform: translateY(100%);
  }
  100% {
    transform: translateY(0);
  }
}
/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
/**
* 基础变量
* 参见: https://km.sankuai.com/page/147289627
**/
/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
/**
* 基础变量
* 参见: https://km.sankuai.com/page/147289627
**/
/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
.blue-theme-tooltip {
  color: #fff;
  border: 0px solid #212121;
  background-color: #212121;
  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.08);
  border-color: #212121;
  line-height: 22px;
  padding: 4px 8px;
  font-size: 14px;
  max-width: 300px;
  border-radius: 6px;
  font-weight: 400;
  word-wrap: break-word;
}
.blue-theme-tooltip .blue-theme-popper-arrow {
  color: #212121;
}
.blue-theme-tooltip .blue-theme-popper-arrow:after {
  color: #212121;
}
.blue-theme-tooltip-small {
  padding: 4px 8px;
  font-size: 12px;
  line-height: 20px;
}
.blue-theme-tooltip-light {
  color: rgba(0, 0, 0, 0.7);
  border: 0px solid #fff;
  background-color: #fff;
  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.08);
  border-color: #fff;
}
.blue-theme-tooltip-light .blue-theme-popper-arrow {
  color: #fff;
}
.blue-theme-tooltip-light .blue-theme-popper-arrow:after {
  color: #fff;
}
.blue-theme-tooltip-yellow {
  color: rgba(0, 0, 0, 0.7);
  border: 0px solid #ffd100;
  background-color: #ffd100;
  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.08);
  border-color: #ffd100;
}
.blue-theme-tooltip-yellow .blue-theme-popper-arrow {
  color: #ffd100;
}
.blue-theme-tooltip-yellow .blue-theme-popper-arrow:after {
  color: #ffd100;
}
.blue-theme-tooltip-red {
  color: #fff;
  border: 0px solid #ff4a47;
  background-color: #ff4a47;
  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.08);
  border-color: #ff4a47;
}
.blue-theme-tooltip-red .blue-theme-popper-arrow {
  color: #ff4a47;
}
.blue-theme-tooltip-red .blue-theme-popper-arrow:after {
  color: #ff4a47;
}
.blue-theme-tooltip-green {
  color: #fff;
  border: 0px solid #00ba73;
  background-color: #00ba73;
  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.08);
  border-color: #00ba73;
}
.blue-theme-tooltip-green .blue-theme-popper-arrow {
  color: #00ba73;
}
.blue-theme-tooltip-green .blue-theme-popper-arrow:after {
  color: #00ba73;
}
.blue-theme-tooltip-brown {
  color: #fff;
  border: 0px solid #c76a00;
  background-color: #c76a00;
  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.08);
  border-color: #c76a00;
}
.blue-theme-tooltip-brown .blue-theme-popper-arrow {
  color: #c76a00;
}
.blue-theme-tooltip-brown .blue-theme-popper-arrow:after {
  color: #c76a00;
}
.blue-theme-tooltip-blue {
  color: #fff;
  border: 0px solid #0A70F5;
  background-color: #0A70F5;
  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.08);
  border-color: #0A70F5;
}
.blue-theme-tooltip-blue .blue-theme-popper-arrow {
  color: #0A70F5;
}
.blue-theme-tooltip-blue .blue-theme-popper-arrow:after {
  color: #0A70F5;
}
.blue-theme-tooltip-purple {
  color: #fff;
  border: 0px solid #7D1AFF;
  background-color: #7D1AFF;
  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.08);
  border-color: #7D1AFF;
}
.blue-theme-tooltip-purple .blue-theme-popper-arrow {
  color: #7D1AFF;
}
.blue-theme-tooltip-purple .blue-theme-popper-arrow:after {
  color: #7D1AFF;
}

.blue-theme-slider {
  position: relative;
  padding-top: 3.5px;
  padding-bottom: 3.5px;
  height: 10px;
  border-radius: 2000px;
  cursor: pointer;
}
.blue-theme-slider-large {
  height: 13px;
}
.blue-theme-slider-large .blue-theme-slider-button {
  width: 17px;
  height: 17px;
  border-width: 3px;
}
.blue-theme-slider-large .blue-theme-slider-bar,
.blue-theme-slider-large .blue-theme-slider-bar-bgc,
.blue-theme-slider-large .blue-theme-slider-bar-stop {
  height: 6px;
}
.blue-theme-slider-marks {
  margin-bottom: 3.5px;
}
.blue-theme-slider-bar {
  height: 3px;
  background-color: #0A70F5;
  border-top-left-radius: 2000px;
  border-bottom-left-radius: 2000px;
  position: absolute;
  z-index: 1;
  left: 0;
}
.blue-theme-slider-bar-bgc {
  width: 100%;
  height: 3px;
  background-color: rgb(224, 224, 224);
  position: absolute;
  z-index: 1;
  left: 0;
  border-radius: 2000px;
}
.blue-theme-slider-button {
  position: absolute;
  z-index: 1;
  width: 12px;
  height: 12px;
  transform: translate(-50%, -50%);
  top: 50%;
  background: #fff;
  border-radius: 50%;
  border: 2px solid #0A70F5;
  text-align: center;
  z-index: 999;
  font-size: 0;
  box-shadow: none;
  /*     &:hover {
    box-shadow: $slider-button-hover-shadow;
  } */
}
.blue-theme-slider-button-hover {
  border-color: #0A70F5;
  box-shadow: 0 0 0 6px rgba(22, 111, 247, 0.2);
}
.blue-theme-slider-button-range {
  overflow: hidden;
}
.blue-theme-slider-disabled {
  cursor: not-allowed;
}
.blue-theme-slider-disabled .blue-theme-slider-button {
  border-color: #cecece;
  box-shadow: none;
}
.blue-theme-slider-disabled .blue-theme-slider-bar {
  background-color: #A2A2A4;
}
.blue-theme-slider-disabled .blue-theme-slider-bar-bgc {
  background: rgba(0, 0, 0, 0.06);
}
.blue-theme-slider-disabled:hover {
  cursor: not-allowed;
}
.blue-theme-slider-stop {
  width: 2px;
  height: 3px;
  background-color: #fff;
  position: absolute;
  z-index: 1;
  top: 3.5px;
  text-align: center;
  margin-left: -1.5px;
  z-index: 2;
}
.blue-theme-slider-tracks {
  height: 100%;
  width: 100%;
  position: relative;
  overflow: hidden;
  border-radius: 2000px;
}
.blue-theme-slider-track {
  position: absolute;
  z-index: 1;
  height: 100%;
  top: 0;
  left: 0;
}
.blue-theme-slider-track-right {
  right: 0;
  left: auto;
  background: rgb(224, 224, 224);
}
.blue-theme-slider-track-left {
  background: rgb(224, 224, 224);
  z-index: 1;
}
.blue-theme-slider-fixed-bar {
  position: absolute;
  z-index: 1;
  left: 0;
  height: 3px;
  border-top-left-radius: 2000px;
  border-bottom-left-radius: 2000px;
  background-color: #ebebeb;
}
.blue-theme-slider-mark {
  position: absolute;
  z-index: 1;
  color: rgba(0, 0, 0, 0.7);
  left: 0;
  margin-top: 8px;
  width: 100%;
}
.blue-theme-slider-mark-text {
  position: absolute;
  z-index: 1;
  transform: translate(-50%);
  font-size: 12px;
  font-weight: 400;
  line-height: 20px;
}
.blue-theme-slider-vertical {
  height: 100%;
  width: 10px;
  padding: 0 3.5px;
}
.blue-theme-slider-vertical .blue-theme-slider-mark {
  top: 0;
  width: auto;
  height: 100%;
  left: 3px;
  margin-top: 0;
  margin-left: 8px;
}
.blue-theme-slider-vertical .blue-theme-slider-mark-text {
  position: absolute;
  z-index: 1;
  transform: translate(0, 50%);
}
.blue-theme-slider-vertical .blue-theme-slider-bar {
  left: 3px;
  width: 3px;
  border-radius: 0;
  border-bottom-left-radius: 2000px;
  border-bottom-right-radius: 2000px;
  bottom: 0;
}
.blue-theme-slider-vertical .blue-theme-slider-bar-bgc {
  left: 3px;
  width: 3px;
  height: 100%;
}
.blue-theme-slider-vertical .blue-theme-slider-button {
  top: auto;
  left: 50%;
  transform: translate(-50%, 50%);
}
.blue-theme-slider-large.blue-theme-slider-vertical {
  width: 13px;
}
.blue-theme-slider-large.blue-theme-slider-vertical .blue-theme-slider-bar,
.blue-theme-slider-large.blue-theme-slider-vertical .blue-theme-slider-bar-bgc {
  height: 6px;
}
.blue-theme-slider-vertical .blue-theme-slider-stop {
  width: 100%;
  margin-left: 0px;
  top: auto;
  left: 0px;
  transform: translate(0, 50%);
}
.blue-theme-slider-large .blue-theme-slider-stop {
  width: 6px;
  height: 6px;
  top: auto;
  left: auto;
}
.blue-theme-slider-vertical .blue-theme-slider-fixed-bar {
  bottom: 0;
  width: 3px;
  border-radius: 0;
  border-bottom-left-radius: 2000px;
  border-bottom-right-radius: 2000px;
}
.blue-theme-slider-vertical .blue-theme-slider-track {
  width: 100%;
  top: auto;
  bottom: 0;
  left: 0;
}
.blue-theme-slider-vertical .blue-theme-slider-track-right {
  top: 0;
  bottom: auto;
}
.blue-theme-slider-no-shade .blue-theme-slider-bar,
.blue-theme-slider-no-shade .blue-theme-slider-track-right,
.blue-theme-slider-no-shade .blue-theme-slider-track-left {
  opacity: 0;
}

/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
/**
* 基础变量
* 参见: https://km.sankuai.com/page/147289627
**/
/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
/**
* 基础变量
* 参见: https://km.sankuai.com/page/147289627
**/
/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
.blue-theme-icon-btn {
  box-sizing: border-box;
  white-space: nowrap;
  -webkit-appearance: none;
  cursor: pointer;
  outline: none;
  text-align: center;
  font-weight: 500;
  user-select: none;
  text-align: center;
  color: #0A70F5;
  border: none;
  padding: 0;
  border-radius: 50%;
  transition: all 0.3s;
  line-height: 1;
  position: relative;
  background-color: transparent;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  width: 32px;
  height: 32px;
}
.blue-theme-icon-btn:hover, .blue-theme-icon-btn.hover {
  color: #0A70F5;
  background-color: rgba(0, 0, 0, 0.06);
}
.blue-theme-icon-btn:active, .blue-theme-icon-btn.active {
  color: #0A70F5;
  background-color: rgba(0, 0, 0, 0.06);
}
.blue-theme-icon-btn-secondary {
  color: rgba(0, 0, 0, 0.7);
}
.blue-theme-icon-btn-secondary:hover, .blue-theme-icon-btn-secondary.hover {
  color: #0A70F5;
  background-color: rgba(0, 0, 0, 0.06);
}
.blue-theme-icon-btn-secondary:active, .blue-theme-icon-btn-secondary.active {
  color: #0A70F5;
  background-color: rgba(0, 0, 0, 0.06);
}
.blue-theme-icon-btn.blue-theme-icon-btn-disabled {
  color: rgba(0, 0, 0, 0.25);
  cursor: not-allowed;
}
.blue-theme-icon-btn.blue-theme-icon-btn-disabled:hover, .blue-theme-icon-btn.blue-theme-icon-btn-disabled.hover {
  background-color: transparent;
}
.blue-theme-icon-btn-small {
  font-size: 14px;
  width: 24px;
  height: 24px;
}
.blue-theme-icon-btn-large {
  font-size: 16px;
  width: 40px;
  height: 40px;
}

.blue-theme-icon-btn + .blue-theme-icon-btn {
  margin-left: 10px;
}

.blue-theme-modal {
  pointer-events: auto;
  text-align: left;
  min-width: 400px;
  min-height: auto;
  max-width: 90vw;
  max-height: 82vh;
  display: inline-flex;
  flex: 0 1 auto;
  flex-direction: column;
  background-color: #fff;
  margin: 0 auto;
  position: relative;
  border-radius: 10px;
  box-shadow: 0 8px 24px 0 rgba(0, 0, 0, 0.12);
}
.blue-theme-modal-mask {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0.5);
}
.blue-theme-modal-wrapper {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  pointer-events: none;
}
.blue-theme-modal-drag .blue-theme-modal-title {
  cursor: move;
}
.blue-theme-modal-top {
  justify-content: flex-start;
}
.blue-theme-modal-top .blue-theme-modal {
  top: 20px;
}
.blue-theme-modal-top .blue-theme-modal-fullscreen {
  top: 0;
}
.blue-theme-modal-fullscreen {
  width: 100%;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
  border-radius: 0;
}
.blue-theme-modal-header {
  padding: 16px 24px;
  flex: 0 0 auto;
  font-weight: 500;
  line-height: 26px;
}
.blue-theme-modal-title {
  color: rgba(0, 0, 0, 0.9);
  font-size: 18px;
  margin-right: 30px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.blue-theme-modal-content-wrapper {
  padding: 16px 24px;
  overflow: auto;
  flex: 1 1 auto;
}
.blue-theme-modal-footer {
  padding: 16px 24px;
  flex: 0 0 auto;
  text-align: right;
}
.blue-theme-modal-footer .blue-theme-btn + .blue-theme-btn {
  margin-left: 12px;
}
.blue-theme-modal-header + .blue-theme-modal-content-wrapper {
  padding-top: 0px;
}
.blue-theme-modal-content-wrapper + .blue-theme-modal-footer {
  padding-top: 0px;
}
.blue-theme-modal-close {
  font-size: 20px;
  position: absolute;
  z-index: 1;
  top: 16px;
  right: 24px;
  color: rgba(0, 0, 0, 0.9);
  cursor: pointer;
  flex: 0;
  z-index: 10;
  width: 28px;
  height: 28px;
  border-radius: 6px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.blue-theme-modal-close:hover, .blue-theme-modal-close.hover {
  color: rgba(0, 0, 0, 0.7);
  background-color: rgba(0, 0, 0, 0.06);
}
.blue-theme-modal-close:active {
  color: rgba(0, 0, 0, 0.7);
  background-color: rgba(0, 0, 0, 0.06);
}
.blue-theme-modal-menu {
  position: absolute;
  z-index: 10;
  top: 16px;
  right: 24px;
  display: flex;
}

.modal-fade-enter-active {
  animation: modal-fade-in 0.2s;
}
.modal-fade-leave-active {
  animation: modal-fade-out 0.2s;
}

@keyframes modal-fade-in {
  0% {
    transform: scale(0.9);
    opacity: 0;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes modal-fade-out {
  0% {
    transform: scale(1);
    opacity: 1;
  }
  100% {
    transform: scale(0.9);
    opacity: 0;
  }
}
/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
/**
* 基础变量
* 参见: https://km.sankuai.com/page/147289627
**/
/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
.blue-theme-message {
  min-width: 220px;
  max-width: 1000px;
  box-sizing: border-box;
  border-radius: 6px;
  background-color: #fff;
  box-shadow: 0 8px 24px 0 rgba(0, 0, 0, 0.12);
  position: fixed;
  top: 20px;
  left: 50%;
  transform: translateX(-50%);
  overflow: hidden;
  padding: 7px 12px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  transition: opacity 0.3s, transform 0.4s;
  font-weight: inherit;
}
.blue-theme-message-icon {
  font-size: 20px;
  margin-right: 8px;
}

.blue-theme-message-content-wrapper {
  display: flex;
  align-items: center;
}
.blue-theme-message-content {
  font-size: 14px;
  line-height: 22px;
  color: rgba(0, 0, 0, 0.9);
}

.blue-theme-message-close {
  width: 20px;
  height: 20px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.5);
  font-size: 16px;
  cursor: pointer;
}
.blue-theme-message-close:hover, .blue-theme-message-close:focus {
  color: rgba(0, 0, 0, 0.5);
  background-color: rgba(0, 0, 0, 0.04);
}
.blue-theme-message-close:active {
  color: rgba(0, 0, 0, 0.5);
  background-color: rgba(0, 0, 0, 0.06);
}

.blue-theme-message-closable .blue-theme-message-content {
  padding-right: 16px;
}

.blue-theme-message-success {
  /* .blue-theme-message-content {
    color: $message-success-content-color;
  } */
}
.blue-theme-message-success .blue-theme-message-icon {
  color: #00ba73;
}
.blue-theme-message-success.blue-theme-message-colorful {
  background: #edfaf4;
  box-shadow: none;
}
.blue-theme-message-success.blue-theme-message-colorful .blue-theme-message-content {
  color: #007038;
}
.blue-theme-message-error {
  /* .blue-theme-message-content {
    color: $message-danger-content-color;
  } */
}
.blue-theme-message-error .blue-theme-message-icon {
  color: #ff4a47;
}
.blue-theme-message-error.blue-theme-message-colorful {
  background: #fff2f0;
  box-shadow: none;
}
.blue-theme-message-error.blue-theme-message-colorful .blue-theme-message-content {
  color: #B3090E;
}
.blue-theme-message-info {
  /* .blue-theme-message-content {
    color: $message-info-content-color;
  } */
}
.blue-theme-message-info .blue-theme-message-icon {
  color: #0A70F5;
}
.blue-theme-message-info.blue-theme-message-colorful {
  background: #EFF8FF;
  box-shadow: none;
}
.blue-theme-message-info.blue-theme-message-colorful .blue-theme-message-content {
  color: #005ADE;
}
.blue-theme-message-warning {
  /* .blue-theme-message-content {
    color: $message-warning-content-color;
  } */
}
.blue-theme-message-warning .blue-theme-message-icon {
  color: #ff9d00;
}
.blue-theme-message-warning.blue-theme-message-colorful {
  background: #fff6e0;
  box-shadow: none;
}
.blue-theme-message-warning.blue-theme-message-colorful .blue-theme-message-content {
  color: #8A4100;
}
.blue-theme-message-loading {
  background-color: #fff;
}
.blue-theme-message-loading .blue-theme-message-content {
  color: rgba(0, 0, 0, 0.9);
}
.blue-theme-message-loading .blue-theme-message-icon {
  font-size: 16px;
}
.blue-theme-message .blue-theme-icon-loading {
  color: #0A70F5;
}

.blue-theme-message-fade-enter,
.blue-theme-message-fade-leave-to {
  opacity: 0;
  transform: translate(-50%, -100%);
}

/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
/**
* 基础变量
* 参见: https://km.sankuai.com/page/147289627
**/
/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
.blue-theme-progress {
  display: inline-flex;
  align-items: center;
  color: #0A70F5;
  line-height: 1;
}
.blue-theme-progress-bar {
  display: inline-block;
  width: 100%;
  /*     padding-right: $progress-text-width;
      margin-right: -$progress-text-width; */
}
.blue-theme-progress-bar-outer {
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.04);
  border-radius: 100px;
}
.blue-theme-progress-bar-inner {
  width: 0%;
  height: 100%;
  max-width: 100%;
  background-color: currentColor;
  border-radius: 100px;
  transition: all 0.3s;
}
.blue-theme-progress-stroke-linecap-square .blue-theme-progress-bar-inner {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.blue-theme-progress-error {
  color: #f5483b;
}
.blue-theme-progress-error .blue-theme-progress-bar-inner {
  background-color: #f5483b;
}
.blue-theme-progress-success {
  color: #00ba73;
}
.blue-theme-progress-success .blue-theme-progress-bar-inner {
  background-color: #00ba73;
}
.blue-theme-progress-text {
  color: rgba(0, 0, 0, 0.9);
  display: inline-block;
  font-size: 14px;
}
.blue-theme-progress-icon {
  display: inline-block;
  font-size: 20px;
}
.blue-theme-progress-line {
  text-align: left;
  width: 100%;
}
.blue-theme-progress-line .blue-theme-progress-percentage {
  display: inline-block;
  margin-left: 12px;
}
.blue-theme-progress-circle circle {
  transition: all 0.3s;
}
.blue-theme-progress-circle .blue-theme-icon-check, .blue-theme-progress-circle .blue-theme-icon-close-thick,
.blue-theme-progress-circle .blue-theme-icon-close {
  font-weight: 1000;
}
.blue-theme-progress-circle-text {
  position: absolute;
  z-index: 1;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: rgba(0, 0, 0, 0.9);
}
.blue-theme-progress-percentage {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
}
.blue-theme-progress-circle .blue-theme-progress-percentage {
  position: absolute;
  z-index: 1;
  top: 50%;
  left: 0;
  width: 100%;
  text-align: center;
  margin: 0;
  transform: translateY(-50%);
  font-size: 14px;
}
.blue-theme-progress-circle {
  display: inline-block;
  position: relative;
}
.blue-theme-progress-circle .blue-theme-progress-icon {
  display: inline;
}
.blue-theme-progress-circle-outer {
  color: rgba(0, 0, 0, 0.04);
  stroke: rgba(0, 0, 0, 0.04);
}
.blue-theme-progress-pie {
  display: inline-block;
  border-radius: 50%;
}
.blue-theme-progress-hide-rate .blue-theme-progress-bar {
  padding-right: 0;
}

/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
/**
* 基础变量
* 参见: https://km.sankuai.com/page/147289627
**/
/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
.blue-theme-collapse {
  border: 1px solid rgba(0, 0, 0, 0.06);
  border-radius: 6px;
  text-align: left;
}
.blue-theme-collapse > :last-child {
  border-bottom: none;
}
.blue-theme-collapse > .blue-theme-collapse-item > .blue-theme-collapse-item-wrapper {
  background-color: #fff;
}
.blue-theme-collapse > .blue-theme-collapse-item:first-child {
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
}
.blue-theme-collapse > .blue-theme-collapse-item:last-child {
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
}
.blue-theme-collapse-sample {
  border-left: none;
  border-right: none;
}
.blue-theme-collapse-sample > .blue-theme-collapse-item > .blue-theme-collapse-item-header {
  background-color: #fff;
}
.blue-theme-collapse-sample > .blue-theme-collapse-item > .blue-theme-collapse-item-wrapper {
  border-top: none;
}
.blue-theme-collapse-area {
  border: none;
}
.blue-theme-collapse-area > .blue-theme-collapse-item {
  border-bottom: none;
  margin-bottom: 2px;
}
.blue-theme-collapse-area > .blue-theme-collapse-item > .blue-theme-collapse-item-header {
  background-color: #f5f5f5;
}
.blue-theme-collapse-area > .blue-theme-collapse-item > .blue-theme-collapse-item-wrapper {
  background-color: #f5f5f5;
  border-top: none;
}

/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
/**
* 基础变量
* 参见: https://km.sankuai.com/page/147289627
**/
/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
.blue-theme-collapse-item {
  font-size: 14px;
  overflow: hidden;
  border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}
.blue-theme-collapse-item-header {
  cursor: pointer;
  color: rgba(0, 0, 0, 0.9);
  background-color: #fafafa;
  font-size: 14px;
  padding: 11px 8px;
  line-height: 22px;
  position: relative;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.blue-theme-collapse-item-header-right {
  padding-left: 32px;
}
.blue-theme-collapse-item-header-left {
  padding-right: 32px;
}
.blue-theme-collapse-item-wrapper {
  border-top: 1px solid rgba(0, 0, 0, 0.06);
}
.blue-theme-collapse-item-content {
  color: rgba(0, 0, 0, 0.7);
  padding: 16px 12px 16px 36px;
}
.blue-theme-collapse-item .blue-theme-collapse-arrow {
  position: absolute;
  z-index: 1;
  text-align: center;
  top: 0;
  width: 32px;
  line-height: 44px;
  color: rgba(0, 0, 0, 0.5);
  transition: transform 0.3s;
  font-size: 16px;
}
.blue-theme-collapse-item-active .blue-theme-collapse-arrow-right {
  transform: rotate(-90deg);
}
.blue-theme-collapse-item-active .blue-theme-collapse-arrow-left {
  transform: rotate(90deg);
}
.blue-theme-collapse-item-collapse .blue-theme-collapse-arrow-right {
  transform: rotate(90deg);
}
.blue-theme-collapse-item-collapse .blue-theme-collapse-arrow-left {
  transform: rotate(-90deg);
}
.blue-theme-collapse-item-disabled .blue-theme-collapse-item-header {
  cursor: not-allowed;
  color: rgba(0, 0, 0, 0.25);
}
.blue-theme-collapse-item-disabled .blue-theme-collapse-arrow {
  color: #ddd;
}
.blue-theme-collapse-item-loading {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 121px;
}

/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
/**
* 基础变量
* 参见: https://km.sankuai.com/page/147289627
**/
/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
.blue-theme-list {
  border: 1px solid rgba(0, 0, 0, 0.06);
  border-radius: 6px;
  font-size: 14px;
  line-height: 22px;
  width: 100%;
}
.blue-theme-list-loading {
  text-align: center;
}
.blue-theme-list-split .blue-theme-list-item:not(:last-child) {
  border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}
.blue-theme-list-small {
  font-size: 12px;
  line-height: 20px;
}
.blue-theme-list-small .blue-theme-list-item,
.blue-theme-list-small .blue-theme-list-loading {
  padding: 8px 16px;
}
.blue-theme-list-normal .blue-theme-list-item,
.blue-theme-list-normal .blue-theme-list-loading {
  padding: 11px 16px;
}
.blue-theme-list-large {
  font-size: 16px;
  line-height: 24px;
}
.blue-theme-list-large .blue-theme-list-item,
.blue-theme-list-large .blue-theme-list-loading {
  padding: 14px 16px;
}

/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
/**
* 基础变量
* 参见: https://km.sankuai.com/page/147289627
**/
/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
.blue-theme-list-item:hover, .blue-theme-list-item.hover {
  background-color: rgba(0, 0, 0, 0.04);
}
.blue-theme-list-item:active, .blue-theme-list-item.active {
  background-color: rgba(0, 0, 0, 0.06);
}

/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
/**
* 基础变量
* 参见: https://km.sankuai.com/page/147289627
**/
/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
.blue-theme-list-item-group-header {
  color: rgba(0, 0, 0, 0.35);
  padding: 7px 16px;
  background-color: #f5f5f5;
  border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}

/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
/**
* 基础变量
* 参见: https://km.sankuai.com/page/147289627
**/
/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
.blue-theme-contextmenu {
  position: fixed;
  z-index: 2000;
  background-color: white;
  border-radius: 6px;
  overflow: hidden;
}

.fade-in-blue-theme-contextmenu-enter-active {
  animation: fade-in-ctxmenu 0.2s;
}
.fade-in-blue-theme-contextmenu-leave-active {
  animation: fade-in-ctxmenu 0.2 reverse;
}

@keyframes fade-in-ctxmenu {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
/**
* 基础变量
* 参见: https://km.sankuai.com/page/147289627
**/
/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
/**
* 基础变量
* 参见: https://km.sankuai.com/page/147289627
**/
/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
.blue-theme-skeleton-content {
  background: linear-gradient(90deg, rgba(0, 0, 0, 0.04) 25%, rgba(0, 0, 0, 0.02) 37%, rgba(0, 0, 0, 0.04) 63%);
  background-size: 400% 100%;
}
.blue-theme-skeleton-active {
  animation: skeleton-loading 1.4s ease infinite;
}
@keyframes skeleton-loading {
  0% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0 50%;
  }
}
.blue-theme-skeleton-paragraph {
  width: 100%;
  border-radius: 4px;
}
.blue-theme-skeleton-avatar {
  border-radius: 50%;
}
.blue-theme-skeleton-picture {
  width: 190px;
  height: 110px;
  border-radius: 8px;
}

/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
/**
* 基础变量
* 参见: https://km.sankuai.com/page/147289627
**/
/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
.blue-theme-form-item-top .blue-theme-form-item-label {
  float: none;
  text-align: left;
  display: block;
  line-height: 22px;
  padding-right: 0;
  margin-bottom: 4px;
}
.blue-theme-form-inline .blue-theme-form-item {
  display: inline-block;
  margin-right: 10px;
  vertical-align: top;
}

/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
/**
* 基础变量
* 参见: https://km.sankuai.com/page/147289627
**/
/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
.blue-theme-form-item {
  margin-bottom: 16px;
  vertical-align: top;
}
.blue-theme-form-item::before,
.blue-theme-form-item::after {
  display: table;
  content: "";
}

.blue-theme-form-item::after {
  clear: both;
}

.blue-theme-form-item-label {
  text-align: right;
  vertical-align: middle;
  float: left;
  padding-right: 12px;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.5);
  line-height: 32px;
}
.blue-theme-form-item-left .blue-theme-form-item-label {
  text-align: left;
}
.blue-theme-form-item-content {
  position: relative;
  line-height: 32px;
  min-height: 32px;
  text-align: left;
  align-items: center;
}
.blue-theme-form-item-error-tip {
  display: block;
  color: #f5483b;
  font-size: 12px;
  line-height: 20px;
  margin-top: 0;
}
.blue-theme-form-item-error-tip.blue-theme-form-item-error-tip-right {
  display: inline-block;
  margin-left: 4px;
}
.blue-theme-form-item-warning-tip {
  display: block;
  color: #ff9d00;
  font-size: 12px;
  line-height: 20px;
  margin-top: 0;
}
.blue-theme-form-item-warning-tip.blue-theme-form-item-warning-tip-right {
  display: inline-block;
  margin-left: 4px;
}
.blue-theme-form-item-success-tip {
  display: block;
  color: #00ba73;
  font-size: 12px;
  line-height: 20px;
  margin-top: 0;
}
.blue-theme-form-item-success-tip.blue-theme-form-item-warning-tip-right {
  display: inline-block;
  margin-left: 4px;
}
.blue-theme-form-item-helper {
  font-size: 12px;
  line-height: 20px;
  color: rgba(0, 0, 0, 0.35);
  margin-top: 0;
}
.blue-theme-form-item-helper-right {
  margin-top: 0;
  margin-left: 8px;
  display: inline-block;
}
.blue-theme-form-item .blue-theme-form-item {
  margin-bottom: 0;
}
.blue-theme-form-item-error-bottom {
  margin-bottom: 0;
}
.blue-theme-form-item-required > .blue-theme-form-item-label:before {
  font-family: SimSun, sans-serif;
  display: inline-block;
  margin-right: 4px;
  content: "*";
  color: #f5483b;
}

/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
/**
* 基础变量
* 参见: https://km.sankuai.com/page/147289627
**/
/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
.blue-theme-carousel {
  position: relative;
  width: 100%;
}
.blue-theme-carousel:hover .blue-theme-carousel-btn.blue-theme-carousel-hover, .blue-theme-carousel.hover .blue-theme-carousel-btn.blue-theme-carousel-hover {
  visibility: visible;
}
.blue-theme-carousel .blue-theme-carousel-itemList-outer {
  position: relative;
  overflow: hidden;
}
.blue-theme-carousel .blue-theme-carousel-itemList::before {
  display: table;
  content: "";
}
.blue-theme-carousel .blue-theme-carousel-itemList::after {
  display: table;
  content: "";
  clear: both;
}
.blue-theme-carousel .blue-theme-carousel-itemList .blue-theme-carousel-item {
  float: left;
}
.blue-theme-carousel .blue-theme-carousel-indicator {
  text-align: center;
  margin: 0;
  padding: 0;
}
.blue-theme-carousel .blue-theme-carousel-indicator.blue-theme-carousel-inside {
  position: absolute;
  z-index: 1;
  top: 100%;
  left: 50%;
  transform: translate(-50%, -16px);
  font-size: 0px;
}
.blue-theme-carousel .blue-theme-carousel-indicator.blue-theme-carousel-inside .blue-theme-carousel-dot {
  display: inline-block;
  margin: 0 4px;
  background-color: rgba(255, 255, 255, 0.25);
  cursor: pointer;
}
.blue-theme-carousel .blue-theme-carousel-indicator.blue-theme-carousel-inside .blue-theme-carousel-dot-line {
  width: 16px;
  height: 4px;
  border-radius: 2px;
}
.blue-theme-carousel .blue-theme-carousel-indicator.blue-theme-carousel-inside .blue-theme-carousel-dot-circle {
  width: 6px;
  height: 6px;
  border-radius: 50%;
}
.blue-theme-carousel .blue-theme-carousel-indicator.blue-theme-carousel-inside .blue-theme-carousel-active-dot {
  background-color: #fff;
}
.blue-theme-carousel .blue-theme-carousel-indicator.blue-theme-carousel-inside-top {
  top: 0%;
  transform: translate(-50%, 16px);
}
.blue-theme-carousel .blue-theme-carousel-indicator.blue-theme-carousel-inside-left {
  left: 0;
  top: 50%;
  transform: translateX(16px) translate(-50%, 0) rotate(90deg);
}
.blue-theme-carousel .blue-theme-carousel-indicator.blue-theme-carousel-inside-right {
  right: 0;
  top: 50%;
  transform: translateX(-16px) translate(50%, 0) rotate(90deg);
}
.blue-theme-carousel .blue-theme-carousel-indicator.blue-theme-carousel-outside {
  position: relative;
  font-size: 0px;
  margin-top: 16px;
}
.blue-theme-carousel .blue-theme-carousel-indicator.blue-theme-carousel-outside .blue-theme-carousel-dot {
  display: inline-block;
  margin: 0 4px;
  background-color: rgba(0, 0, 0, 0.25);
  cursor: pointer;
}
.blue-theme-carousel .blue-theme-carousel-indicator.blue-theme-carousel-outside .blue-theme-carousel-dot-line {
  width: 16px;
  height: 4px;
  border-radius: 2px;
}
.blue-theme-carousel .blue-theme-carousel-indicator.blue-theme-carousel-outside .blue-theme-carousel-dot-circle {
  width: 6px;
  height: 6px;
  border-radius: 3px;
}
.blue-theme-carousel .blue-theme-carousel-indicator.blue-theme-carousel-outside .blue-theme-carousel-dot-circle.blue-theme-carousel-active-dot {
  width: 12px;
}
.blue-theme-carousel .blue-theme-carousel-indicator.blue-theme-carousel-outside .blue-theme-carousel-active-dot {
  background-color: rgba(0, 0, 0, 0.7);
}
.blue-theme-carousel .blue-theme-carousel-btn {
  position: absolute;
  z-index: 1;
  width: 28px;
  height: 28px;
  margin-top: -14px;
  border-radius: 50%;
  background-color: rgba(0, 0, 0, 0.25);
  border: none;
  outline: none;
  cursor: pointer;
  font-size: 16px;
  color: #fff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.blue-theme-carousel .blue-theme-carousel-btn.blue-theme-carousel-prev {
  top: 50%;
  left: 16px;
}
.blue-theme-carousel .blue-theme-carousel-btn.blue-theme-carousel-next {
  top: 50%;
  right: 16px;
}
.blue-theme-carousel .blue-theme-carousel-btn.blue-theme-carousel-always {
  visibility: visible;
}
.blue-theme-carousel .blue-theme-carousel-btn.blue-theme-carousel-never {
  visibility: hidden;
}
.blue-theme-carousel .blue-theme-carousel-btn.blue-theme-carousel-hover {
  visibility: hidden;
}
.blue-theme-carousel .blue-theme-carousel-btn i {
  font-size: 24px;
  font-weight: 500;
}
.blue-theme-carousel .blue-theme-carousel-item {
  position: absolute;
  z-index: 1;
  animation-timing-function: cubic-bezier(0.25, 0, 0.25, 1);
}
.blue-theme-carousel .blue-theme-carousel-item-mask {
  background: rgba(0, 0, 0, 0.35);
  position: absolute;
  z-index: 1;
  height: 100%;
  width: 100%;
}
.blue-theme-carousel .blue-theme-carousel-item-active-turnover-right {
  animation-name: turnover-right;
}
.blue-theme-carousel .blue-theme-carousel-item-active-turnover-left {
  animation-name: turnover-left;
}
.blue-theme-carousel .blue-theme-carousel-item-active-turnover-top {
  animation-name: turnover-top;
}
.blue-theme-carousel .blue-theme-carousel-item-active-turnover-bottom {
  animation-name: turnover-bottom;
}
.blue-theme-carousel-normal .blue-theme-carousel-item {
  transition-property: left, transform;
  transform: translateZ(-1px);
  left: -100%;
}
.blue-theme-carousel-normal .blue-theme-carousel-item-active {
  left: 0;
  transform: translateZ(100px);
}
.blue-theme-carousel-vertical .blue-theme-carousel-item {
  transition-property: top, transform;
  transform: translateZ(-1px);
  top: 0;
}
.blue-theme-carousel-vertical .blue-theme-carousel-item-active {
  top: 0;
  transform: translateZ(100px);
}
.blue-theme-carousel-card .blue-theme-carousel-item {
  transition-property: transform, left, opacity;
  opacity: 0.8;
  transform: scale(0.86) translateZ(-1px);
  left: 10%;
}
.blue-theme-carousel-card .blue-theme-carousel-item-active {
  left: 10%;
  opacity: 1;
  transform: translateZ(100px);
}
.blue-theme-carousel-card .blue-theme-carousel-item-prev-active {
  left: 0;
  transform-origin: 0 50%;
  transform: scale(0.86) translateZ(1px);
}
.blue-theme-carousel-card .blue-theme-carousel-item-next-active {
  left: 20%;
  transform-origin: 100% 50%;
  transform: scale(0.86) translateZ(1px);
}
.blue-theme-carousel-fade .blue-theme-carousel-item {
  transition-property: transform, opacity;
  opacity: 0;
  transform: translateZ(-1px);
}
.blue-theme-carousel-fade .blue-theme-carousel-item-active {
  opacity: 1;
  transform: translateZ(100px);
}
.blue-theme-carousel-fade .blue-theme-carousel-item-prev-active {
  transform: translateZ(1px);
}
.blue-theme-carousel-fade .blue-theme-carousel-item-next-active {
  transform: translateZ(1px);
}
@keyframes turnover-left {
  from {
    left: -100%;
  }
  to {
    left: 0;
  }
}
@keyframes turnover-right {
  from {
    left: 100%;
  }
  to {
    left: 0;
  }
}
@keyframes turnover-top {
  from {
    top: -100%;
  }
  to {
    top: 0;
  }
}
@keyframes turnover-bottom {
  from {
    top: 100%;
  }
  to {
    top: 0;
  }
}

/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
/**
* 基础变量
* 参见: https://km.sankuai.com/page/147289627
**/
/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
.blue-theme-carousel-item {
  position: relative;
}

/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
/**
* 基础变量
* 参见: https://km.sankuai.com/page/147289627
**/
/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
.blue-theme-steps {
  display: flex;
  overflow: hidden;
}

/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
/**
* 基础变量
* 参见: https://km.sankuai.com/page/147289627
**/
/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
.blue-theme-step {
  position: relative;
  min-width: 150px;
}
.blue-theme-step-flex {
  flex: 1 1 auto;
}
.blue-theme-step-head {
  position: relative;
  width: 100%;
  text-align: center;
  display: flex;
  align-items: center;
}
.blue-theme-step-head-line {
  flex-grow: 1;
  height: 1px;
}
.blue-theme-step-head-line-dot {
  margin-top: 9px;
}
.blue-theme-step-head-number-wrapper {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  width: 28px;
  height: 28px;
  padding: 2.4px;
  margin: 0 4px;
}
.blue-theme-step-head-number {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  color: #fff;
  font-weight: 500;
  font-size: 16px;
  line-height: inherit;
  position: relative;
  z-index: 1;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}
.blue-theme-step-head-number i {
  font-weight: 1000;
}
.blue-theme-step-head-number .blue-theme-step-head-dot {
  border-radius: 50%;
  background: currentColor;
  background-clip: content-box;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border-width: 2px;
  border-style: solid;
}
.blue-theme-step-head-number .blue-theme-step-head-dot {
  width: 10px;
  height: 10px;
}
.blue-theme-step-head-number .blue-theme-step-head-line {
  height: 2px;
}
.blue-theme-step-head-icon {
  width: 28px;
  height: 28px;
  position: relative;
  z-index: 1;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  background-color: #fff;
  font-size: 28px;
  margin: 0 4px;
}
.blue-theme-step-dot .blue-theme-step-main-title {
  padding: 8px 8px 2px 8px;
}
.blue-theme-step-dot .blue-theme-step-head-number {
  height: 10px;
  width: 10px;
  margin: 4px;
}
.blue-theme-step-main {
  text-align: center;
}
.blue-theme-step-main-title {
  font-size: 14px;
  line-height: 22px;
  padding: 8px 8px 2px 8px;
  font-weight: 500;
}
.blue-theme-step-main-description {
  font-size: 12px;
  line-height: 20px;
  font-weight: 400;
  padding: 0px 8px;
  word-break: break-all;
}
.blue-theme-step-finish > .blue-theme-step-head-number-wrapper .blue-theme-step-head-number {
  color: #0A70F5;
  border: 1.5px solid #0A70F5;
  background-color: #fff;
}
.blue-theme-step-finish > .blue-theme-step-main-title {
  color: rgba(0, 0, 0, 0.9);
}
.blue-theme-step-finish > .blue-theme-step-head-line-first {
  background-color: #0A70F5;
}
.blue-theme-step-finish .blue-theme-step-nav-right {
  color: #0A70F5;
}
.blue-theme-step-finish .blue-theme-step-main-title {
  border-bottom-color: #0A70F5;
}
.blue-theme-step-finish > .blue-theme-step-main-description {
  color: rgba(0, 0, 0, 0.35);
}
.blue-theme-step-finish > .blue-theme-step-head-icon {
  color: #0A70F5;
}
.blue-theme-step-finish .blue-theme-step-main-title {
  font-weight: 400;
}
.blue-theme-step-finish > .blue-theme-step-head-number .blue-theme-step-head-dot {
  background-color: #fff;
  border-color: #0A70F5;
}
.blue-theme-step-finish-next .blue-theme-step-head-line-last {
  background-color: #0A70F5;
}
.blue-theme-step-error > .blue-theme-step-head-number-wrapper .blue-theme-step-head-number {
  color: #ff4a47;
  border: 1.5px solid #ff4a47;
  background-color: #fff;
}
.blue-theme-step-error > .blue-theme-step-main-title {
  color: rgba(0, 0, 0, 0.7);
}
.blue-theme-step-error > .blue-theme-step-head-line-first {
  background-color: #ff7d7a;
}
.blue-theme-step-error .blue-theme-step-nav-right {
  color: #ff7d7a;
}
.blue-theme-step-error .blue-theme-step-main-title {
  border-bottom-color: #ff7d7a;
}
.blue-theme-step-error > .blue-theme-step-main-description {
  color: rgba(0, 0, 0, 0.35);
}
.blue-theme-step-error > .blue-theme-step-head-icon {
  color: #ff4a47;
}
.blue-theme-step-error .blue-theme-step-main-title {
  font-weight: 500;
}
.blue-theme-step-error > .blue-theme-step-head-number .blue-theme-step-head-dot {
  background-color: #fff;
  border-color: #ff4a47;
}
.blue-theme-step-error-next .blue-theme-step-head-line-last {
  background-color: #ff7d7a;
}
.blue-theme-step-cancel > .blue-theme-step-head-number-wrapper .blue-theme-step-head-number {
  color: #ff9d00;
  border: 1.5px solid #ff9d00;
  background-color: #fff;
}
.blue-theme-step-cancel > .blue-theme-step-main-title {
  color: rgba(0, 0, 0, 0.7);
}
.blue-theme-step-cancel > .blue-theme-step-head-line-first {
  background-color: #ffc152;
}
.blue-theme-step-cancel .blue-theme-step-nav-right {
  color: #ffc152;
}
.blue-theme-step-cancel .blue-theme-step-main-title {
  border-bottom-color: #ffc152;
}
.blue-theme-step-cancel > .blue-theme-step-main-description {
  color: rgba(0, 0, 0, 0.35);
}
.blue-theme-step-cancel > .blue-theme-step-head-icon {
  color: #ff9d00;
}
.blue-theme-step-cancel .blue-theme-step-main-title {
  font-weight: 500;
}
.blue-theme-step-cancel > .blue-theme-step-head-number .blue-theme-step-head-dot {
  background-color: #fff;
  border-color: #ff9d00;
}
.blue-theme-step-cancel-next .blue-theme-step-head-line-last {
  background-color: #ffc152;
}
.blue-theme-step-wait > .blue-theme-step-head-number-wrapper .blue-theme-step-head-number {
  color: rgba(0, 0, 0, 0.25);
  border: 1.5px solid rgba(0, 0, 0, 0.25);
  background-color: #fff;
}
.blue-theme-step-wait > .blue-theme-step-main-title {
  color: rgba(0, 0, 0, 0.5);
}
.blue-theme-step-wait > .blue-theme-step-head-line-first {
  background-color: rgba(0, 0, 0, 0.1);
}
.blue-theme-step-wait .blue-theme-step-nav-right {
  color: rgba(0, 0, 0, 0.1);
}
.blue-theme-step-wait .blue-theme-step-main-title {
  border-bottom-color: rgba(0, 0, 0, 0.1);
}
.blue-theme-step-wait > .blue-theme-step-main-description {
  color: rgba(0, 0, 0, 0.35);
}
.blue-theme-step-wait > .blue-theme-step-head-icon {
  color: rgba(0, 0, 0, 0.12);
}
.blue-theme-step-wait .blue-theme-step-main-title {
  font-weight: 400;
}
.blue-theme-step-wait > .blue-theme-step-head-number .blue-theme-step-head-dot {
  background-color: #fff;
  border-color: rgba(0, 0, 0, 0.25);
}
.blue-theme-step-wait-next .blue-theme-step-head-line-last {
  background-color: rgba(0, 0, 0, 0.1);
}
.blue-theme-step-process > .blue-theme-step-head-number-wrapper .blue-theme-step-head-number {
  color: #fff;
  border: 1.5px solid #0A70F5;
  background-color: #0A70F5;
}
.blue-theme-step-process > .blue-theme-step-main-title {
  color: rgba(0, 0, 0, 0.9);
}
.blue-theme-step-process > .blue-theme-step-head-line-first {
  background-color: #0A70F5;
}
.blue-theme-step-process .blue-theme-step-nav-right {
  color: #0A70F5;
}
.blue-theme-step-process .blue-theme-step-main-title {
  border-bottom-color: #0A70F5;
}
.blue-theme-step-process > .blue-theme-step-main-description {
  color: rgba(0, 0, 0, 0.35);
}
.blue-theme-step-process > .blue-theme-step-head-icon {
  color: #0A70F5;
}
.blue-theme-step-process .blue-theme-step-main-title {
  font-weight: 500;
}
.blue-theme-step-process > .blue-theme-step-head-number .blue-theme-step-head-dot {
  background-color: #0A70F5;
  border-color: #0A70F5;
}
.blue-theme-step-process-next .blue-theme-step-head-line-last {
  background-color: #0A70F5;
}
.blue-theme-step:first-child .blue-theme-step-head .blue-theme-step-head-line-first {
  visibility: hidden;
}
.blue-theme-step:last-child .blue-theme-step-head .blue-theme-step-head-line-last {
  visibility: hidden;
}

.blue-theme-steps-right .blue-theme-step-head {
  left: -50%;
  margin-left: 14px;
}
.blue-theme-steps-right .blue-theme-step-head-number-wrapper {
  margin: 0 12px;
}
.blue-theme-steps-right .blue-theme-step-main {
  position: relative;
  margin: -33px 0 0 28px;
  z-index: 2;
  text-align: left;
}
.blue-theme-steps-right .blue-theme-step-main-title {
  display: inline-block;
  background: #fff;
  padding-right: 12px;
}
.blue-theme-steps-right .blue-theme-step-main-description {
  padding: 0 8px;
}

.blue-theme-steps-nav .blue-theme-step-nav-right {
  position: absolute;
  z-index: 1;
  font-size: 26px;
}
.blue-theme-steps-nav .blue-theme-step-head-line {
  opacity: 0;
}
.blue-theme-steps-nav .blue-theme-step-main-title {
  padding-bottom: 12px;
  border-bottom-width: 1px;
}
.blue-theme-steps-nav.blue-theme-steps {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.blue-theme-steps-vertical {
  display: flex;
  flex-flow: column;
}
.blue-theme-steps-vertical .blue-theme-step {
  display: flex;
}
.blue-theme-steps-vertical .blue-theme-step-head {
  flex-grow: 0;
  width: 28px;
  min-height: 50px;
  left: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.blue-theme-steps-vertical .blue-theme-step-head-line {
  flex-grow: 1;
  width: 1px;
}
.blue-theme-steps-vertical .blue-theme-step-head-line-first {
  display: none;
}
.blue-theme-steps-vertical .blue-theme-step-head-number {
  min-height: 10px;
  margin: 4px 0;
}
.blue-theme-steps-vertical .blue-theme-step-main {
  text-align: left;
  /*     position: absolute;
  top: $size/2 - $lineHeight/2 - $steps-horizontal-statustext-margin-vertical;
  left: $size + $steps-vertical-statustext-margin-horizontal; */
  margin: 0;
  margin-left: 12px;
}
.blue-theme-steps-vertical .blue-theme-step-main-title {
  padding: 0;
  margin-bottom: 2px;
  margin-top: 2px;
}
.blue-theme-steps-vertical .blue-theme-step-main-description {
  padding-left: 0;
  padding-right: 0;
  margin-bottom: 26px;
}
.blue-theme-steps-vertical .blue-theme-step-main-description {
  font-size: 12px;
  line-height: 20px;
  font-weight: 400;
  padding: 0;
}
.blue-theme-steps-vertical .blue-theme-step-dot .blue-theme-step-main-title {
  margin-top: -1px;
}
.blue-theme-steps-vertical .blue-theme-step-dot .blue-theme-step-head-line {
  height: calc(100% - 18px);
  width: 1px;
}
.blue-theme-steps-vertical .blue-theme-step-dot .blue-theme-step-main-description {
  font-size: 12px;
  line-height: 20px;
  font-weight: 400;
}
.blue-theme-steps-vertical .blue-theme-step-dot .blue-theme-step-head {
  width: 10px;
}

.blue-theme-steps-small .blue-theme-step-head-line-dot {
  margin-top: 5px;
}
.blue-theme-steps-small .blue-theme-step-head-number-wrapper {
  width: 20px;
  height: 20px;
  padding: 1.6px;
}
.blue-theme-steps-small .blue-theme-step-head-number {
  font-size: 12px;
  line-height: inherit;
}
.blue-theme-steps-small .blue-theme-step-head-number .blue-theme-step-head-dot {
  width: 10px;
  height: 10px;
}
.blue-theme-steps-small .blue-theme-step-head-number .blue-theme-step-head-line {
  height: 2px;
}
.blue-theme-steps-small .blue-theme-step-head-icon {
  width: 20px;
  height: 20px;
  font-size: 20px;
}
.blue-theme-steps-small .blue-theme-step-main-title {
  font-size: 12px;
  line-height: 22px;
  padding: 8px 0 2px 0;
}
.blue-theme-steps-small .blue-theme-step-main-description {
  font-size: 10px;
  line-height: 20px;
  font-weight: 400;
}
.blue-theme-steps-small.blue-theme-steps-right .blue-theme-step-head {
  margin-left: 10px;
}
.blue-theme-steps-small.blue-theme-steps-right .blue-theme-step-main {
  margin: -29px 0 0 20px;
}
.blue-theme-steps-small.blue-theme-steps-right .blue-theme-step-main-title {
  padding: 8px 0 2px 0;
}
.blue-theme-steps-small.blue-theme-steps-vertical {
  display: flex;
  flex-flow: column;
}
.blue-theme-steps-small.blue-theme-steps-vertical .blue-theme-step {
  display: flex;
}
.blue-theme-steps-small.blue-theme-steps-vertical .blue-theme-step-head {
  flex-grow: 0;
  width: 20px;
  min-height: 50px;
  left: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.blue-theme-steps-small.blue-theme-steps-vertical .blue-theme-step-head-line {
  flex-grow: 1;
  width: 1px;
}
.blue-theme-steps-small.blue-theme-steps-vertical .blue-theme-step-head-line-first {
  display: none;
}
.blue-theme-steps-small.blue-theme-steps-vertical .blue-theme-step-head-number {
  min-height: 10px;
  margin: 4px 0;
}
.blue-theme-steps-small.blue-theme-steps-vertical .blue-theme-step-main {
  text-align: left;
  /*     position: absolute;
  top: $size/2 - $lineHeight/2 - $steps-horizontal-statustext-margin-vertical;
  left: $size + $steps-vertical-statustext-margin-horizontal; */
  margin: 0;
  margin-left: 12px;
}
.blue-theme-steps-small.blue-theme-steps-vertical .blue-theme-step-main-title {
  padding: 0;
  margin-bottom: 2px;
  margin-top: 2px;
}
.blue-theme-steps-small.blue-theme-steps-vertical .blue-theme-step-main-description {
  padding-left: 0;
  padding-right: 0;
  margin-bottom: 26px;
}
.blue-theme-steps-small.blue-theme-steps-vertical .blue-theme-step-main-description {
  font-size: 12px;
  line-height: 20px;
  font-weight: 400;
  padding: 0;
}
.blue-theme-steps-small.blue-theme-steps-vertical .blue-theme-step-dot .blue-theme-step-main-title {
  margin-top: -1px;
}
.blue-theme-steps-small.blue-theme-steps-vertical .blue-theme-step-dot .blue-theme-step-head-line {
  height: calc(100% - 18px);
  width: 1px;
}
.blue-theme-steps-small.blue-theme-steps-vertical .blue-theme-step-dot .blue-theme-step-main-description {
  font-size: 12px;
  line-height: 20px;
  font-weight: 400;
}
.blue-theme-steps-small .blue-theme-step-nav-right {
  font-size: 18px;
}

/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
/**
* 基础变量
* 参见: https://km.sankuai.com/page/147289627
**/
/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
.blue-theme-timeline {
  text-align: left;
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.blue-theme-timeline-alternate .blue-theme-timeline-item-holder {
  flex: 1 1 0;
}
.blue-theme-timeline-alternate .blue-theme-timeline-item-title {
  flex: 1 1 0;
  text-align: right;
}
.blue-theme-timeline-alternate .blue-theme-timeline-item-content-wrapper {
  flex: 1 1 0;
  text-align: left;
}
.blue-theme-timeline-alternate .blue-theme-timeline-item-content-wrapper-reverse {
  flex: 1 1 0;
  text-align: right;
}
.blue-theme-timeline-alternate .blue-theme-timeline-item-right .blue-theme-timeline-item-title {
  text-align: left;
}
.blue-theme-timeline-alternate .blue-theme-timeline-item-right .blue-theme-timeline-item-content-wrapper {
  text-align: right;
}
.blue-theme-timeline-alternate .blue-theme-timeline-item-right .blue-theme-timeline-item-content-wrapper-reverse {
  text-align: left;
}

/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
/**
* 基础变量
* 参见: https://km.sankuai.com/page/147289627
**/
/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
/**
* 基础变量
* 参见: https://km.sankuai.com/page/147289627
**/
.blue-theme-timeline-item {
  display: flex;
  align-items: stretch;
  text-align: left;
}
.blue-theme-timeline-item-title {
  color: rgba(0, 0, 0, 0.9);
  width: 40px;
  text-align: right;
  flex: 0 0 auto;
  font-size: 12px;
  line-height: 22px;
  padding-right: 12px;
}
.blue-theme-timeline-item-holder {
  flex: 0 0 auto;
  padding-right: 12px;
}
.blue-theme-timeline-item-content-wrapper {
  padding-left: 12px;
}
.blue-theme-timeline-item-content-wrapper-reverse {
  padding-right: 12px;
}
.blue-theme-timeline-item-content-wrapper, .blue-theme-timeline-item-content-wrapper-reverse, .blue-theme-timeline-item-title {
  margin-top: -4px;
  padding-bottom: 20px;
}
.blue-theme-timeline-item:last-of-type .blue-theme-timeline-item-line-tail {
  display: none;
}
.blue-theme-timeline-item-right {
  flex-direction: row-reverse;
  text-align: right;
}
.blue-theme-timeline-item-right .blue-theme-timeline-item-holder {
  padding-left: 10px;
  padding-right: 0px;
}
.blue-theme-timeline-item-right .blue-theme-timeline-item-title {
  padding-left: 10px;
  padding-right: 0px;
}
.blue-theme-timeline-item-right .blue-theme-timeline-item-content-wrapper {
  padding-left: 0px;
  padding-right: 10px;
}

.blue-theme-timeline-item-dot {
  display: inline-flex;
  color: #0A70F5;
  align-items: center;
  justify-content: center;
}
.blue-theme-timeline-item-dot > span {
  display: inline-block;
  vertical-align: top;
}
.blue-theme-timeline-item-dot i {
  font-size: 16px;
}
.blue-theme-timeline-item-dot-normal, .blue-theme-timeline-item-dot-solid {
  width: 10px;
  height: 10px;
  border-radius: 100%;
  background-color: #0A70F5;
  box-shadow: none;
  border: 1px solid #0A70F5;
}
.blue-theme-timeline-item-dot-master {
  width: 10px;
  height: 10px;
  border-radius: 100%;
  background-color: #0A70F5;
  box-shadow: 0px 0px 0px 4px rgba(78, 115, 255, 0.12);
  border: 0px solid #0A70F5;
}
.blue-theme-timeline-item-dot-hollow {
  width: 10px;
  height: 10px;
  border-radius: 100%;
  background-color: transparent;
  box-shadow: none;
  border: 2px solid #0A70F5;
}
.blue-theme-timeline-item-dot-disabled {
  width: 10px;
  height: 10px;
  border-radius: 100%;
  background-color: rgba(0, 0, 0, 0.25);
  box-shadow: none;
  border: 0px solid transparent;
}
.blue-theme-timeline-item-dot-small .blue-theme-timeline-item-dot-content {
  width: 6px;
  height: 6px;
}
.blue-theme-timeline-item-dot-large .blue-theme-timeline-item-dot-content {
  width: 16px;
  height: 16px;
}

.blue-theme-timeline-item-line {
  width: 10px;
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  flex: 0 0 auto;
}
.blue-theme-timeline-item-line-tail {
  width: 0;
  flex: 1 1 auto;
  min-height: 48px;
  margin: 4px auto;
  border-left: 1px solid rgba(0, 0, 0, 0.1);
}
.blue-theme-timeline-item-line-tail-ghost {
  border-left: 1px dashed rgba(0, 0, 0, 0.1);
}

/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
/**
* 基础变量
* 参见: https://km.sankuai.com/page/147289627
**/
/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
/**
* 基础变量
* 参见: https://km.sankuai.com/page/147289627
**/
/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
.blue-theme-tooltip {
  color: #fff;
  border: 0px solid #212121;
  background-color: #212121;
  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.08);
  border-color: #212121;
  line-height: 22px;
  padding: 4px 8px;
  font-size: 14px;
  max-width: 300px;
  border-radius: 6px;
  font-weight: 400;
  word-wrap: break-word;
}
.blue-theme-tooltip .blue-theme-popper-arrow {
  color: #212121;
}
.blue-theme-tooltip .blue-theme-popper-arrow:after {
  color: #212121;
}
.blue-theme-tooltip-small {
  padding: 4px 8px;
  font-size: 12px;
  line-height: 20px;
}
.blue-theme-tooltip-light {
  color: rgba(0, 0, 0, 0.7);
  border: 0px solid #fff;
  background-color: #fff;
  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.08);
  border-color: #fff;
}
.blue-theme-tooltip-light .blue-theme-popper-arrow {
  color: #fff;
}
.blue-theme-tooltip-light .blue-theme-popper-arrow:after {
  color: #fff;
}
.blue-theme-tooltip-yellow {
  color: rgba(0, 0, 0, 0.7);
  border: 0px solid #ffd100;
  background-color: #ffd100;
  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.08);
  border-color: #ffd100;
}
.blue-theme-tooltip-yellow .blue-theme-popper-arrow {
  color: #ffd100;
}
.blue-theme-tooltip-yellow .blue-theme-popper-arrow:after {
  color: #ffd100;
}
.blue-theme-tooltip-red {
  color: #fff;
  border: 0px solid #ff4a47;
  background-color: #ff4a47;
  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.08);
  border-color: #ff4a47;
}
.blue-theme-tooltip-red .blue-theme-popper-arrow {
  color: #ff4a47;
}
.blue-theme-tooltip-red .blue-theme-popper-arrow:after {
  color: #ff4a47;
}
.blue-theme-tooltip-green {
  color: #fff;
  border: 0px solid #00ba73;
  background-color: #00ba73;
  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.08);
  border-color: #00ba73;
}
.blue-theme-tooltip-green .blue-theme-popper-arrow {
  color: #00ba73;
}
.blue-theme-tooltip-green .blue-theme-popper-arrow:after {
  color: #00ba73;
}
.blue-theme-tooltip-brown {
  color: #fff;
  border: 0px solid #c76a00;
  background-color: #c76a00;
  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.08);
  border-color: #c76a00;
}
.blue-theme-tooltip-brown .blue-theme-popper-arrow {
  color: #c76a00;
}
.blue-theme-tooltip-brown .blue-theme-popper-arrow:after {
  color: #c76a00;
}
.blue-theme-tooltip-blue {
  color: #fff;
  border: 0px solid #0A70F5;
  background-color: #0A70F5;
  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.08);
  border-color: #0A70F5;
}
.blue-theme-tooltip-blue .blue-theme-popper-arrow {
  color: #0A70F5;
}
.blue-theme-tooltip-blue .blue-theme-popper-arrow:after {
  color: #0A70F5;
}
.blue-theme-tooltip-purple {
  color: #fff;
  border: 0px solid #7D1AFF;
  background-color: #7D1AFF;
  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.08);
  border-color: #7D1AFF;
}
.blue-theme-tooltip-purple .blue-theme-popper-arrow {
  color: #7D1AFF;
}
.blue-theme-tooltip-purple .blue-theme-popper-arrow:after {
  color: #7D1AFF;
}

.blue-theme-rate {
  display: inline-flex;
  align-items: center;
  vertical-align: top;
}
.blue-theme-rate:focus, .blue-theme-rate:active, .blue-theme-rate.active {
  outline-width: 0;
}
.blue-theme-rate-item-wrapper {
  width: 32px;
}
.blue-theme-rate-item {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  position: relative;
  font-size: 0;
  vertical-align: middle;
  cursor: pointer;
  height: 32px;
  color: rgba(0, 0, 0, 0.12);
}
.blue-theme-rate-item:hover .blue-theme-rate-icon,
.blue-theme-rate-item:hover .blue-theme-rate-decimal {
  font-size: 32px;
  margin: 0;
}

.blue-theme-rate-icon, .blue-theme-rate-decimal {
  display: inline-flex;
  align-items: flex-end;
  font-size: 24px;
}
.blue-theme-rate-icon {
  color: rgba(0, 0, 0, 0.12);
  transition: all 0.1s linear;
}
.blue-theme-rate-decimal {
  position: absolute;
  z-index: 1;
  left: 0;
  overflow: hidden;
  transition: all 0.1s linear;
}
.blue-theme-rate-text {
  font-size: 14px;
  line-height: 32px;
  font-weight: 400;
  vertical-align: middle;
  color: rgba(0, 0, 0, 0.9);
  margin-left: 0px;
}
.blue-theme-rate-item {
  cursor: pointer;
}
.blue-theme-rate-item-wrapper {
  font-size: 0;
  display: inline-flex;
  justify-content: center;
}
.blue-theme-rate-item-full {
  color: #ffd100;
}
.blue-theme-rate-item-full .blue-theme-rate-icon {
  color: currentColor;
}
.blue-theme-rate-item-half {
  color: #ffd100;
}
.blue-theme-rate-item-half .blue-theme-rate-decimal {
  color: currentColor;
}
.blue-theme-rate-disabled {
  pointer-events: none;
}
.blue-theme-rate-disabled .blue-theme-rate-item {
  cursor: default;
}
.blue-theme-rate-items-wrapper {
  display: inline-flex;
  align-items: center;
  vertical-align: middle;
}
.blue-theme-rate-text-right .blue-theme-rate-text {
  margin-left: 12px;
}
.blue-theme-rate-text-bottom {
  flex-direction: column;
}
.blue-theme-rate-text-top {
  flex-direction: column-reverse;
}

/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
/**
* 基础变量
* 参见: https://km.sankuai.com/page/147289627
**/
/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
/**
* 基础变量
* 参见: https://km.sankuai.com/page/147289627
**/
/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
@keyframes mtd-btn-rotate {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(360deg);
  }
}
.blue-theme-btn {
  box-sizing: border-box;
  white-space: nowrap;
  -webkit-appearance: none;
  cursor: pointer;
  outline: none;
  text-align: center;
  font-weight: 500;
  user-select: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  vertical-align: top;
  position: relative;
  transition: all 0.3s;
  color: rgba(0, 0, 0, 0.9);
  background: #fff;
  border: 1px solid #e0e0e0;
  min-width: 32px;
  height: 32px;
  padding: 0 12px;
  font-size: 14px;
  border-radius: 6px;
}
.blue-theme-btn:hover, .blue-theme-btn.hover {
  color: rgba(0, 0, 0, 0.9);
  border-color: #e0e0e0;
  background-color: rgba(0, 0, 0, 0.04);
  text-decoration: none;
}
.blue-theme-btn:active, .blue-theme-btn.active {
  color: rgba(0, 0, 0, 0.9);
  border-color: #e0e0e0;
  background-color: rgba(0, 0, 0, 0.12);
}
.blue-theme-btn.blue-theme-btn-disabled {
  color: rgba(0, 0, 0, 0.25);
  border-color: #e0e0e0;
  background: rgba(0, 0, 0, 0.04);
  opacity: 1;
  cursor: not-allowed;
}
.blue-theme-btn.blue-theme-btn-disabled .blue-theme-btn-before {
  color: currentColor;
}
.blue-theme-btn-loading {
  pointer-events: none;
}
.blue-theme-btn-before {
  display: inline-flex;
  vertical-align: top;
  align-items: center;
  height: 100%;
}
.blue-theme-btn-before .blue-theme-badge {
  line-height: 1;
}
.blue-theme-btn-spin {
  width: 1em;
  height: 1em;
  border: 1px solid transparent;
  border-top-color: currentColor;
  border-right-color: currentColor;
  border-radius: 50%;
  animation: mtd-btn-rotate linear 1s infinite;
}
.blue-theme-btn .blue-theme-btn-before {
  margin-right: 4px;
  font-size: 16px;
  width: 1em;
}
.blue-theme-btn.blue-theme-btn-text-primary {
  height: 22px;
}
.blue-theme-btn-small {
  min-width: 24px;
  height: 24px;
  padding: 0 8px;
  font-size: 12px;
  border-radius: 4px;
}
.blue-theme-btn-small .blue-theme-btn-before {
  margin-right: 4px;
  font-size: 14px;
  width: 1em;
}
.blue-theme-btn-small.blue-theme-btn-text-primary {
  height: 20px;
}
.blue-theme-btn-large {
  min-width: 40px;
  height: 40px;
  padding: 0 20px;
  font-size: 14px;
  border-radius: 6px;
}
.blue-theme-btn-large .blue-theme-btn-before {
  margin-right: 4px;
  font-size: 16px;
  width: 1em;
}
.blue-theme-btn-large.blue-theme-btn-text-primary {
  height: 22px;
}
.blue-theme-btn-primary {
  color: #fff;
  background: #0A70F5;
  border-color: #0A70F5;
  /* &.blue-theme-btn-loading {
    color: $color;
    background: $activeBgc;
    border-color: $activeBorderColor;
  } */
}
.blue-theme-btn-primary:hover, .blue-theme-btn-primary.hover, .blue-theme-btn-primary:focus {
  color: #fff;
  background: #2A8EFE;
  border-color: #2A8EFE;
}
.blue-theme-btn-primary:active, .blue-theme-btn-primary.active {
  color: #fff;
  background: #005ADE;
  border-color: #005ADE;
}
.blue-theme-btn-primary .blue-theme-btn-before {
  color: currentColor;
}
.blue-theme-btn-primary.blue-theme-btn-disabled {
  color: rgba(0, 0, 0, 0.25);
  background: rgba(0, 0, 0, 0.04);
  border-color: #e0e0e0;
  opacity: 1;
}
.blue-theme-btn-primary.blue-theme-btn-ghost {
  background: transparent;
  color: #0A70F5;
  border-color: #0A70F5;
  /* &.blue-theme-btn-loading {
    color: $activeBorderColor;
    background: transparent;
    border-color: $activeBorderColor;
  } */
}
.blue-theme-btn-primary.blue-theme-btn-ghost:hover, .blue-theme-btn-primary.blue-theme-btn-ghost:focus {
  background: rgba(10, 112, 245, 0.12);
  color: #0A70F5;
  border-color: #0A70F5;
}
.blue-theme-btn-primary.blue-theme-btn-ghost:active {
  background: rgba(10, 112, 245, 0.24);
  color: #0A70F5;
  border-color: #0A70F5;
}
.blue-theme-btn-primary.blue-theme-btn-ghost.blue-theme-btn-disabled {
  color: rgba(0, 0, 0, 0.25);
  background: rgba(0, 0, 0, 0.04);
  border-color: #e0e0e0;
}
.blue-theme-btn-primary.blue-theme-btn-disabled {
  border: none;
  border-width: 0;
}
.blue-theme-btn-success {
  color: #fff;
  background: #00ba73;
  border-color: #00ba73;
  /* &.blue-theme-btn-loading {
    color: $color;
    background: $activeBgc;
    border-color: $activeBorderColor;
  } */
}
.blue-theme-btn-success:hover, .blue-theme-btn-success.hover, .blue-theme-btn-success:focus {
  color: #fff;
  background: #3dd999;
  border-color: #3dd999;
}
.blue-theme-btn-success:active, .blue-theme-btn-success.active {
  color: #fff;
  background: #009155;
  border-color: #009155;
}
.blue-theme-btn-success .blue-theme-btn-before {
  color: currentColor;
}
.blue-theme-btn-success.blue-theme-btn-disabled {
  color: rgba(0, 0, 0, 0.25);
  background: rgba(0, 0, 0, 0.04);
  border-color: #e0e0e0;
  opacity: 1;
}
.blue-theme-btn-success.blue-theme-btn-ghost {
  background: transparent;
  color: #00ba73;
  border-color: #00ba73;
  /* &.blue-theme-btn-loading {
    color: $activeBorderColor;
    background: transparent;
    border-color: $activeBorderColor;
  } */
}
.blue-theme-btn-success.blue-theme-btn-ghost:hover, .blue-theme-btn-success.blue-theme-btn-ghost:focus {
  background: rgba(0, 186, 115, 0.12);
  color: #00ba73;
  border-color: #00ba73;
}
.blue-theme-btn-success.blue-theme-btn-ghost:active {
  background: rgba(0, 186, 115, 0.24);
  color: #00ba73;
  border-color: #00ba73;
}
.blue-theme-btn-success.blue-theme-btn-ghost.blue-theme-btn-disabled {
  color: rgba(0, 0, 0, 0.25);
  background: rgba(0, 0, 0, 0.04);
  border-color: #e0e0e0;
}
.blue-theme-btn-success.blue-theme-btn-disabled {
  border: none;
  border-width: 0;
}
.blue-theme-btn-warning {
  color: #fff;
  background: #ff9d00;
  border-color: #ff9d00;
  /* &.blue-theme-btn-loading {
    color: $color;
    background: $activeBgc;
    border-color: $activeBorderColor;
  } */
}
.blue-theme-btn-warning:hover, .blue-theme-btn-warning.hover, .blue-theme-btn-warning:focus {
  color: #fff;
  background: #ffc152;
  border-color: #ffc152;
}
.blue-theme-btn-warning:active, .blue-theme-btn-warning.active {
  color: #fff;
  background: #c76a00;
  border-color: #c76a00;
}
.blue-theme-btn-warning .blue-theme-btn-before {
  color: currentColor;
}
.blue-theme-btn-warning.blue-theme-btn-disabled {
  color: rgba(0, 0, 0, 0.25);
  background: rgba(0, 0, 0, 0.04);
  border-color: #e0e0e0;
  opacity: 1;
}
.blue-theme-btn-warning.blue-theme-btn-ghost {
  background: transparent;
  color: #ff9d00;
  border-color: #ff9d00;
  /* &.blue-theme-btn-loading {
    color: $activeBorderColor;
    background: transparent;
    border-color: $activeBorderColor;
  } */
}
.blue-theme-btn-warning.blue-theme-btn-ghost:hover, .blue-theme-btn-warning.blue-theme-btn-ghost:focus {
  background: rgba(255, 157, 0, 0.12);
  color: #ff9d00;
  border-color: #ff9d00;
}
.blue-theme-btn-warning.blue-theme-btn-ghost:active {
  background: rgba(255, 157, 0, 0.24);
  color: #ff9d00;
  border-color: #ff9d00;
}
.blue-theme-btn-warning.blue-theme-btn-ghost.blue-theme-btn-disabled {
  color: rgba(0, 0, 0, 0.25);
  background: rgba(0, 0, 0, 0.04);
  border-color: #e0e0e0;
}
.blue-theme-btn-warning.blue-theme-btn-disabled {
  border: none;
  border-width: 0;
}
.blue-theme-btn-danger {
  color: #fff;
  background: #f5483b;
  border-color: #f5483b;
  /* &.blue-theme-btn-loading {
    color: $color;
    background: $activeBgc;
    border-color: $activeBorderColor;
  } */
}
.blue-theme-btn-danger:hover, .blue-theme-btn-danger.hover, .blue-theme-btn-danger:focus {
  color: #fff;
  background: #ff7d7a;
  border-color: #ff7d7a;
}
.blue-theme-btn-danger:active, .blue-theme-btn-danger.active {
  color: #fff;
  background: #d41e21;
  border-color: #d41e21;
}
.blue-theme-btn-danger .blue-theme-btn-before {
  color: currentColor;
}
.blue-theme-btn-danger.blue-theme-btn-disabled {
  color: rgba(0, 0, 0, 0.25);
  background: rgba(0, 0, 0, 0.04);
  border-color: #e0e0e0;
  opacity: 1;
}
.blue-theme-btn-danger.blue-theme-btn-ghost {
  background: transparent;
  color: #f5483b;
  border-color: #f5483b;
  /* &.blue-theme-btn-loading {
    color: $activeBorderColor;
    background: transparent;
    border-color: $activeBorderColor;
  } */
}
.blue-theme-btn-danger.blue-theme-btn-ghost:hover, .blue-theme-btn-danger.blue-theme-btn-ghost:focus {
  background: rgba(245, 72, 59, 0.12);
  color: #f5483b;
  border-color: #f5483b;
}
.blue-theme-btn-danger.blue-theme-btn-ghost:active {
  background: rgba(245, 72, 59, 0.24);
  color: #f5483b;
  border-color: #f5483b;
}
.blue-theme-btn-danger.blue-theme-btn-ghost.blue-theme-btn-disabled {
  color: rgba(0, 0, 0, 0.25);
  background: rgba(0, 0, 0, 0.04);
  border-color: #e0e0e0;
}
.blue-theme-btn-danger.blue-theme-btn-disabled {
  border: none;
  border-width: 0;
}
.blue-theme-btn-text {
  color: rgba(0, 0, 0, 0.9);
  border-color: transparent !important;
  background-color: transparent;
}
.blue-theme-btn-text:hover, .blue-theme-btn-text.hover, .blue-theme-btn-text:focus, .blue-theme-btn-text:active, .blue-theme-btn-text.active {
  border-color: transparent;
}
.blue-theme-btn-text:hover, .blue-theme-btn-text.hover, .blue-theme-btn-text:focus {
  color: rgba(0, 0, 0, 0.9);
  background-color: rgba(0, 0, 0, 0.06);
}
.blue-theme-btn-text:active, .blue-theme-btn-text.active {
  color: rgba(0, 0, 0, 0.9);
  background-color: rgba(0, 0, 0, 0.12);
}
.blue-theme-btn-text.blue-theme-btn-loading {
  color: rgba(0, 0, 0, 0.9);
}
.blue-theme-btn-text.blue-theme-btn-disabled {
  color: rgba(0, 0, 0, 0.25);
  background-color: transparent;
  opacity: 1;
}
.blue-theme-btn-text .blue-theme-btn-before {
  color: rgba(0, 0, 0, 0.9);
}
.blue-theme-btn-text-primary {
  padding: 0;
  color: #0A70F5;
  border-color: transparent !important;
  background-color: transparent;
}
.blue-theme-btn-text-primary:hover, .blue-theme-btn-text-primary.hover, .blue-theme-btn-text-primary:focus, .blue-theme-btn-text-primary:active, .blue-theme-btn-text-primary.active {
  border-color: transparent;
}
.blue-theme-btn-text-primary:hover, .blue-theme-btn-text-primary.hover, .blue-theme-btn-text-primary:focus {
  color: #2A8EFE;
  background-color: transparent;
}
.blue-theme-btn-text-primary:active, .blue-theme-btn-text-primary.active {
  color: #005ADE;
  background-color: transparent;
}
.blue-theme-btn-text-primary.blue-theme-btn-loading {
  color: #005ADE;
}
.blue-theme-btn-text-primary.blue-theme-btn-disabled {
  color: rgba(0, 0, 0, 0.25);
  background-color: transparent;
  opacity: 1;
}
.blue-theme-btn-text-primary .blue-theme-btn-before {
  color: #0A70F5;
}
.blue-theme-btn-panel {
  background-color: rgba(0, 0, 0, 0.06);
  border: none;
  border-width: 0;
}
.blue-theme-btn-panel:hover {
  background-color: rgba(0, 0, 0, 0.04);
}
.blue-theme-btn-panel:active {
  background-color: #e0e0e0;
}
.blue-theme-btn-dashed {
  border-style: dashed;
}
.blue-theme-btn-circle {
  border-radius: 50%;
}
.blue-theme-btn-only-icon {
  padding: 0;
}
.blue-theme-btn.blue-theme-btn-loading .blue-theme-btn-before {
  padding: 1px;
  font-size: 14px;
  width: 16px;
}
.blue-theme-btn.blue-theme-btn-loading.blue-theme-btn-small .blue-theme-btn-before {
  padding: 1px;
  font-size: 12px;
  width: 12px;
}
.blue-theme-btn.blue-theme-btn-loading.blue-theme-btn-large .blue-theme-btn-before {
  padding: 1px;
  font-size: 14px;
  width: 16px;
}

.blue-theme-input-search-button {
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
}
.blue-theme-input-search-enter-button .blue-theme-input-search-input-wrapper,
.blue-theme-input-search-enter-button .blue-theme-input-search-input {
  border-right: none;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
}

/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
/**
* 基础变量
* 参见: https://km.sankuai.com/page/147289627
**/
/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
.blue-theme-input {
  font-size: inherit;
  display: block;
  width: 100%;
  height: 100%;
  color: currentColor;
  padding: 0;
  background: transparent;
  border: 0 solid rgba(0, 0, 0, 0.12);
  border-radius: 0;
  flex: 1 1 0;
}
.blue-theme-input:hover {
  border-color: #2A8EFE;
}
.blue-theme-input:focus {
  border-color: #0A70F5;
  outline: none;
}
.blue-theme-input-wrapper {
  display: inline-flex;
  align-items: stretch;
  position: relative;
  color: rgba(0, 0, 0, 0.9);
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.12);
  border-radius: 6px;
}
.blue-theme-input-clear {
  cursor: pointer;
}
.blue-theme-input-prefix-inner, .blue-theme-input-suffix-inner {
  color: rgba(0, 0, 0, 0.5);
  display: inline-flex;
  align-items: center;
  flex: 0 0 auto;
}
.blue-theme-input-prefix-inner:hover, .blue-theme-input-suffix-inner:hover {
  color: rgba(0, 0, 0, 0.7);
}
.blue-theme-input-prefix-inner > i, .blue-theme-input-suffix-inner > i {
  flex: 0 0 auto;
}
.blue-theme-input-prefix-inner .blue-theme-icon-loading, .blue-theme-input-suffix-inner .blue-theme-icon-loading {
  color: rgba(0, 0, 0, 0.35);
}
.blue-theme-input-prefix-inner .blue-theme-icon-loading:hover, .blue-theme-input-suffix-inner .blue-theme-icon-loading:hover {
  color: rgba(0, 0, 0, 0.35);
}
.blue-theme-input-prefix-inner {
  margin-right: 4px;
}
.blue-theme-input-suffix-inner {
  margin-left: 4px;
}
.blue-theme-input-count {
  color: rgba(0, 0, 0, 0.5);
  font-size: 12px;
  margin-left: 4px;
}
.blue-theme-input-focused {
  border-color: #0A70F5;
  z-index: 1;
}
.blue-theme-input-hover {
  z-index: 1;
  border-color: #2A8EFE;
}
.blue-theme-input-readonly {
  color: rgba(0, 0, 0, 0.5);
  border-color: rgba(0, 0, 0, 0.12);
}
.blue-theme-input-disabled {
  background-color: rgba(0, 0, 0, 0.04);
  color: rgba(0, 0, 0, 0.25);
  border-color: rgba(0, 0, 0, 0.12);
  cursor: not-allowed;
}
.blue-theme-input-disabled .blue-theme-input {
  cursor: not-allowed;
}
.blue-theme-input-disabled .blue-theme-input-prefix-inner,
.blue-theme-input-disabled .blue-theme-input-suffix-inner {
  color: rgba(0, 0, 0, 0.35);
}
.blue-theme-input-error {
  border-color: #f5483b;
}
.blue-theme-input-error .status-icon {
  color: #f5483b;
  margin-left: 4px;
}
.blue-theme-input-success {
  border-color: #00ba73;
}
.blue-theme-input-success .status-icon {
  color: #00ba73;
  margin-left: 4px;
}
.blue-theme-input-warning {
  border-color: #ff9d00;
}
.blue-theme-input-warning .status-icon {
  color: #ff9d00;
  margin-left: 4px;
}
.blue-theme-input-wrapper {
  width: 180px;
  height: 32px;
  font-size: 14px;
  padding: 0 8px;
}
.blue-theme-input-wrapper .blue-theme-input-prefix-inner {
  font-size: 16px;
}
.blue-theme-input-wrapper .blue-theme-input-suffix-inner {
  font-size: 16px;
}
.blue-theme-input-wrapper.blue-theme-input-group > .blue-theme-input {
  padding: 0 8px;
}
.blue-theme-input-small {
  width: 160px;
  height: 24px;
  font-size: 12px;
  padding: 0 8px;
  border-radius: 4px;
}
.blue-theme-input-small .blue-theme-input-prefix-inner {
  font-size: 14px;
}
.blue-theme-input-small .blue-theme-input-suffix-inner {
  font-size: 14px;
}
.blue-theme-input-small.blue-theme-input-group > .blue-theme-input {
  padding: 0 8px;
}
.blue-theme-input-large {
  width: 200px;
  height: 40px;
  font-size: 16px;
  padding: 0 12px;
}
.blue-theme-input-large .blue-theme-input-prefix-inner {
  font-size: 18px;
}
.blue-theme-input-large .blue-theme-input-suffix-inner {
  font-size: 18px;
}
.blue-theme-input-large.blue-theme-input-group > .blue-theme-input {
  padding: 0 12px;
}
.blue-theme-input-line {
  background-color: transparent;
  border-width: 0;
  border-bottom-width: 1px;
  border-radius: 0;
}
.blue-theme-input-line.blue-theme-input-wrapper {
  padding-left: 0;
  padding-right: 0;
}
.blue-theme-input-area {
  color: rgba(0, 0, 0, 0.9);
  background-color: rgba(0, 0, 0, 0.04);
  border: 1px solid transparent;
}
.blue-theme-input-area ::placeholder {
  color: rgba(0, 0, 0, 0.25);
}
.blue-theme-input-area.blue-theme-input-hover {
  background-color: rgba(0, 0, 0, 0.06);
}
.blue-theme-input-area.blue-theme-input-focused {
  background-color: #fff;
  border-color: #0A70F5;
}
.blue-theme-input-area.blue-theme-input-disabled {
  color: rgba(0, 0, 0, 0.25);
  background: rgba(0, 0, 0, 0.04);
}
.blue-theme-input-area.blue-theme-input-readonly {
  color: rgba(0, 0, 0, 0.5);
  background-color: rgba(0, 0, 0, 0.04);
}
.blue-theme-input-area.blue-theme-input-error {
  background-color: rgba(245, 72, 59, 0.05);
}
.blue-theme-input-area.blue-theme-input-success {
  background-color: rgba(0, 186, 115, 0.05);
}
.blue-theme-input-area.blue-theme-input-warning {
  background-color: rgba(255, 157, 0, 0.05);
}
.blue-theme-input-pre {
  position: absolute;
  visibility: hidden;
  white-space: pre;
  display: block;
}

/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
/**
* 基础变量
* 参见: https://km.sankuai.com/page/147289627
**/
/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
.blue-theme-input-group {
  position: relative;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
  border: none;
}
.blue-theme-input-group-compact {
  display: flex;
  align-items: stretch;
}
.blue-theme-input-group-compact > *:not(:last-child) {
  margin-right: -1px;
}
.blue-theme-input-group > *,
.blue-theme-input-group .blue-theme-input,
.blue-theme-input-group .blue-theme-input-wrapper,
.blue-theme-input-group .blue-theme-input-number,
.blue-theme-input-group .blue-theme-input-number-wrapper,
.blue-theme-input-group .blue-theme-input-group :first-child,
.blue-theme-input-group .blue-theme-input-group :last-child {
  border-radius: 0;
}
.blue-theme-input-group > :first-child,
.blue-theme-input-group > :first-child .blue-theme-input-wrapper,
.blue-theme-input-group .blue-theme-input-group:first-child > :first-child {
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
}
.blue-theme-input-group > :last-child,
.blue-theme-input-group > :last-child .blue-theme-input-wrapper,
.blue-theme-input-group .blue-theme-input-group:last-child > :last-child {
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
}
.blue-theme-input-group > .blue-theme-input {
  border-width: 1px;
}
.blue-theme-input-group.blue-theme-input-error > .blue-theme-input {
  border-color: #f5483b;
}
.blue-theme-input-group.blue-theme-input-error > .blue-theme-input .status-icon {
  color: #f5483b;
  margin-left: 4px;
}
.blue-theme-input-group.blue-theme-input-success > .blue-theme-input {
  border-color: #00ba73;
}
.blue-theme-input-group.blue-theme-input-success > .blue-theme-input .status-icon {
  color: #00ba73;
  margin-left: 4px;
}
.blue-theme-input-group.blue-theme-input-warning > .blue-theme-input {
  border-color: #ff9d00;
}
.blue-theme-input-group.blue-theme-input-warning > .blue-theme-input .status-icon {
  color: #ff9d00;
  margin-left: 4px;
}
.blue-theme-input-group-prepend, .blue-theme-input-group-append {
  display: inline-flex;
  align-items: center;
  flex: 0 0 auto;
  line-height: 1.5;
  padding: 0 8px;
  background-color: #f5f5f5;
  white-space: nowrap;
  border: 1px solid rgba(0, 0, 0, 0.12);
}
.blue-theme-input-group-prepend .blue-theme-select, .blue-theme-input-group-append .blue-theme-select {
  margin: -1px -9px;
}
.blue-theme-input-group-prepend .blue-theme-input-wrapper, .blue-theme-input-group-append .blue-theme-input-wrapper {
  border-color: transparent;
  background-color: transparent;
}
.blue-theme-input-group-prepend .blue-theme-input-hover, .blue-theme-input-group-append .blue-theme-input-hover {
  border-color: #2A8EFE;
}
.blue-theme-input-group-prepend .blue-theme-input-focused, .blue-theme-input-group-append .blue-theme-input-focused {
  border-color: #0A70F5;
}
.blue-theme-input-group-prepend {
  border-right: none;
}
.blue-theme-input-group-append {
  border-left: none;
}
.blue-theme-input-group[class*=col-] {
  float: none;
  padding-right: 0;
  padding-left: 0;
}
.blue-theme-input-group > [class*=col-] {
  padding-right: 8px;
}
.blue-theme-input-group > [class*=col-]:last-child {
  padding-right: 0;
}

/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
/**
* 基础变量
* 参见: https://km.sankuai.com/page/147289627
**/
/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
.blue-theme-checkbox {
  color: rgba(0, 0, 0, 0.9);
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  vertical-align: middle;
  font-size: 0;
}
.blue-theme-checkbox:before {
  content: " ";
  display: inline-block;
  width: 0;
  height: 100%;
  vertical-align: middle;
}
.blue-theme-checkbox + .blue-theme-checkbox {
  margin-left: 32px;
}
.blue-theme-checkbox-inner {
  color: rgba(0, 0, 0, 0.2);
  display: inline-flex;
  align-items: center;
  vertical-align: middle;
  width: 1em;
  height: 1em;
  border: 1px solid currentColor;
  border-radius: 4px;
  background-color: #fff;
  position: relative;
  transition: background-color 0.3s, color 0.3s;
  flex: 0 0 auto;
}
.blue-theme-checkbox-inner .blue-theme-icon {
  position: relative;
  left: -1px;
  color: transparent;
}
.blue-theme-checkbox-indeterminate .blue-theme-checkbox-inner, .blue-theme-checkbox-checked .blue-theme-checkbox-inner {
  background-color: #0A70F5;
  color: #0A70F5;
}
.blue-theme-checkbox-indeterminate .blue-theme-checkbox-inner i, .blue-theme-checkbox-checked .blue-theme-checkbox-inner i {
  color: #fff;
}
.blue-theme-checkbox-indeterminate-inner {
  height: 4px;
  position: absolute;
  z-index: 1;
  left: 2px;
  right: 2px;
  transform: scale(1, 0.5);
  background-color: currentColor;
  border-radius: 1px;
}
.blue-theme-checkbox-text {
  vertical-align: middle;
  margin-left: 8px;
}
.blue-theme-checkbox:not(.blue-theme-checkbox-disabled):hover, .blue-theme-checkbox:not(.blue-theme-checkbox-disabled).hover {
  color: rgba(0, 0, 0, 0.7);
}
.blue-theme-checkbox:not(.blue-theme-checkbox-disabled):hover .blue-theme-checkbox-inner, .blue-theme-checkbox:not(.blue-theme-checkbox-disabled).hover .blue-theme-checkbox-inner {
  color: #0A70F5;
}
.blue-theme-checkbox-checked .blue-theme-checkbox-inner, .blue-theme-checkbox-indeterminate .blue-theme-checkbox-inner {
  color: #0A70F5;
}
.blue-theme-checkbox-disabled {
  color: rgba(0, 0, 0, 0.25);
  cursor: not-allowed;
}
.blue-theme-checkbox-disabled .blue-theme-checkbox-inner {
  background-color: rgba(0, 0, 0, 0.04);
  color: rgba(0, 0, 0, 0.12);
}
.blue-theme-checkbox-disabled .blue-theme-checkbox-inner i {
  color: rgba(0, 0, 0, 0.12);
}
.blue-theme-checkbox .blue-theme-checkbox-text {
  font-size: 14px;
}
.blue-theme-checkbox .blue-theme-checkbox-inner {
  font-size: 16px;
}
.blue-theme-checkbox .blue-theme-checkbox-inner .blue-theme-icon {
  font-size: 16px;
}
.blue-theme-checkbox .blue-theme-checkbox-indeterminate-inner {
  top: 5px;
}
.blue-theme-checkbox-large .blue-theme-checkbox-text {
  font-size: 16px;
}
.blue-theme-checkbox-large .blue-theme-checkbox-inner {
  font-size: 18px;
}
.blue-theme-checkbox-large .blue-theme-checkbox-inner .blue-theme-icon {
  font-size: 18px;
}
.blue-theme-checkbox-large .blue-theme-checkbox-indeterminate-inner {
  top: 6px;
}
.blue-theme-checkbox-large .blue-theme-checkbox-text {
  margin-left: 8px;
}
.blue-theme-checkbox-small .blue-theme-checkbox-text {
  font-size: 12px;
}
.blue-theme-checkbox-small .blue-theme-checkbox-inner {
  font-size: 14px;
}
.blue-theme-checkbox-small .blue-theme-checkbox-inner .blue-theme-icon {
  font-size: 14px;
}
.blue-theme-checkbox-small .blue-theme-checkbox-indeterminate-inner {
  top: 4px;
}
.blue-theme-checkbox-small .blue-theme-checkbox-text {
  margin-left: 4px;
}

/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
/**
* 基础变量
* 参见: https://km.sankuai.com/page/147289627
**/
/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
/**
* 基础变量
* 参见: https://km.sankuai.com/page/147289627
**/
/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
.blue-theme-input {
  font-size: inherit;
  display: block;
  width: 100%;
  height: 100%;
  color: currentColor;
  padding: 0;
  background: transparent;
  border: 0 solid rgba(0, 0, 0, 0.12);
  border-radius: 0;
  flex: 1 1 0;
}
.blue-theme-input:hover {
  border-color: #2A8EFE;
}
.blue-theme-input:focus {
  border-color: #0A70F5;
  outline: none;
}
.blue-theme-input-wrapper {
  display: inline-flex;
  align-items: stretch;
  position: relative;
  color: rgba(0, 0, 0, 0.9);
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.12);
  border-radius: 6px;
}
.blue-theme-input-clear {
  cursor: pointer;
}
.blue-theme-input-prefix-inner, .blue-theme-input-suffix-inner {
  color: rgba(0, 0, 0, 0.5);
  display: inline-flex;
  align-items: center;
  flex: 0 0 auto;
}
.blue-theme-input-prefix-inner:hover, .blue-theme-input-suffix-inner:hover {
  color: rgba(0, 0, 0, 0.7);
}
.blue-theme-input-prefix-inner > i, .blue-theme-input-suffix-inner > i {
  flex: 0 0 auto;
}
.blue-theme-input-prefix-inner .blue-theme-icon-loading, .blue-theme-input-suffix-inner .blue-theme-icon-loading {
  color: rgba(0, 0, 0, 0.35);
}
.blue-theme-input-prefix-inner .blue-theme-icon-loading:hover, .blue-theme-input-suffix-inner .blue-theme-icon-loading:hover {
  color: rgba(0, 0, 0, 0.35);
}
.blue-theme-input-prefix-inner {
  margin-right: 4px;
}
.blue-theme-input-suffix-inner {
  margin-left: 4px;
}
.blue-theme-input-count {
  color: rgba(0, 0, 0, 0.5);
  font-size: 12px;
  margin-left: 4px;
}
.blue-theme-input-focused {
  border-color: #0A70F5;
  z-index: 1;
}
.blue-theme-input-hover {
  z-index: 1;
  border-color: #2A8EFE;
}
.blue-theme-input-readonly {
  color: rgba(0, 0, 0, 0.5);
  border-color: rgba(0, 0, 0, 0.12);
}
.blue-theme-input-disabled {
  background-color: rgba(0, 0, 0, 0.04);
  color: rgba(0, 0, 0, 0.25);
  border-color: rgba(0, 0, 0, 0.12);
  cursor: not-allowed;
}
.blue-theme-input-disabled .blue-theme-input {
  cursor: not-allowed;
}
.blue-theme-input-disabled .blue-theme-input-prefix-inner,
.blue-theme-input-disabled .blue-theme-input-suffix-inner {
  color: rgba(0, 0, 0, 0.35);
}
.blue-theme-input-error {
  border-color: #f5483b;
}
.blue-theme-input-error .status-icon {
  color: #f5483b;
  margin-left: 4px;
}
.blue-theme-input-success {
  border-color: #00ba73;
}
.blue-theme-input-success .status-icon {
  color: #00ba73;
  margin-left: 4px;
}
.blue-theme-input-warning {
  border-color: #ff9d00;
}
.blue-theme-input-warning .status-icon {
  color: #ff9d00;
  margin-left: 4px;
}
.blue-theme-input-wrapper {
  width: 180px;
  height: 32px;
  font-size: 14px;
  padding: 0 8px;
}
.blue-theme-input-wrapper .blue-theme-input-prefix-inner {
  font-size: 16px;
}
.blue-theme-input-wrapper .blue-theme-input-suffix-inner {
  font-size: 16px;
}
.blue-theme-input-wrapper.blue-theme-input-group > .blue-theme-input {
  padding: 0 8px;
}
.blue-theme-input-small {
  width: 160px;
  height: 24px;
  font-size: 12px;
  padding: 0 8px;
  border-radius: 4px;
}
.blue-theme-input-small .blue-theme-input-prefix-inner {
  font-size: 14px;
}
.blue-theme-input-small .blue-theme-input-suffix-inner {
  font-size: 14px;
}
.blue-theme-input-small.blue-theme-input-group > .blue-theme-input {
  padding: 0 8px;
}
.blue-theme-input-large {
  width: 200px;
  height: 40px;
  font-size: 16px;
  padding: 0 12px;
}
.blue-theme-input-large .blue-theme-input-prefix-inner {
  font-size: 18px;
}
.blue-theme-input-large .blue-theme-input-suffix-inner {
  font-size: 18px;
}
.blue-theme-input-large.blue-theme-input-group > .blue-theme-input {
  padding: 0 12px;
}
.blue-theme-input-line {
  background-color: transparent;
  border-width: 0;
  border-bottom-width: 1px;
  border-radius: 0;
}
.blue-theme-input-line.blue-theme-input-wrapper {
  padding-left: 0;
  padding-right: 0;
}
.blue-theme-input-area {
  color: rgba(0, 0, 0, 0.9);
  background-color: rgba(0, 0, 0, 0.04);
  border: 1px solid transparent;
}
.blue-theme-input-area ::placeholder {
  color: rgba(0, 0, 0, 0.25);
}
.blue-theme-input-area.blue-theme-input-hover {
  background-color: rgba(0, 0, 0, 0.06);
}
.blue-theme-input-area.blue-theme-input-focused {
  background-color: #fff;
  border-color: #0A70F5;
}
.blue-theme-input-area.blue-theme-input-disabled {
  color: rgba(0, 0, 0, 0.25);
  background: rgba(0, 0, 0, 0.04);
}
.blue-theme-input-area.blue-theme-input-readonly {
  color: rgba(0, 0, 0, 0.5);
  background-color: rgba(0, 0, 0, 0.04);
}
.blue-theme-input-area.blue-theme-input-error {
  background-color: rgba(245, 72, 59, 0.05);
}
.blue-theme-input-area.blue-theme-input-success {
  background-color: rgba(0, 186, 115, 0.05);
}
.blue-theme-input-area.blue-theme-input-warning {
  background-color: rgba(255, 157, 0, 0.05);
}
.blue-theme-input-pre {
  position: absolute;
  visibility: hidden;
  white-space: pre;
  display: block;
}

/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
/**
* 基础变量
* 参见: https://km.sankuai.com/page/147289627
**/
/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
.blue-theme-input-group {
  position: relative;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
  border: none;
}
.blue-theme-input-group-compact {
  display: flex;
  align-items: stretch;
}
.blue-theme-input-group-compact > *:not(:last-child) {
  margin-right: -1px;
}
.blue-theme-input-group > *,
.blue-theme-input-group .blue-theme-input,
.blue-theme-input-group .blue-theme-input-wrapper,
.blue-theme-input-group .blue-theme-input-number,
.blue-theme-input-group .blue-theme-input-number-wrapper,
.blue-theme-input-group .blue-theme-input-group :first-child,
.blue-theme-input-group .blue-theme-input-group :last-child {
  border-radius: 0;
}
.blue-theme-input-group > :first-child,
.blue-theme-input-group > :first-child .blue-theme-input-wrapper,
.blue-theme-input-group .blue-theme-input-group:first-child > :first-child {
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
}
.blue-theme-input-group > :last-child,
.blue-theme-input-group > :last-child .blue-theme-input-wrapper,
.blue-theme-input-group .blue-theme-input-group:last-child > :last-child {
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
}
.blue-theme-input-group > .blue-theme-input {
  border-width: 1px;
}
.blue-theme-input-group.blue-theme-input-error > .blue-theme-input {
  border-color: #f5483b;
}
.blue-theme-input-group.blue-theme-input-error > .blue-theme-input .status-icon {
  color: #f5483b;
  margin-left: 4px;
}
.blue-theme-input-group.blue-theme-input-success > .blue-theme-input {
  border-color: #00ba73;
}
.blue-theme-input-group.blue-theme-input-success > .blue-theme-input .status-icon {
  color: #00ba73;
  margin-left: 4px;
}
.blue-theme-input-group.blue-theme-input-warning > .blue-theme-input {
  border-color: #ff9d00;
}
.blue-theme-input-group.blue-theme-input-warning > .blue-theme-input .status-icon {
  color: #ff9d00;
  margin-left: 4px;
}
.blue-theme-input-group-prepend, .blue-theme-input-group-append {
  display: inline-flex;
  align-items: center;
  flex: 0 0 auto;
  line-height: 1.5;
  padding: 0 8px;
  background-color: #f5f5f5;
  white-space: nowrap;
  border: 1px solid rgba(0, 0, 0, 0.12);
}
.blue-theme-input-group-prepend .blue-theme-select, .blue-theme-input-group-append .blue-theme-select {
  margin: -1px -9px;
}
.blue-theme-input-group-prepend .blue-theme-input-wrapper, .blue-theme-input-group-append .blue-theme-input-wrapper {
  border-color: transparent;
  background-color: transparent;
}
.blue-theme-input-group-prepend .blue-theme-input-hover, .blue-theme-input-group-append .blue-theme-input-hover {
  border-color: #2A8EFE;
}
.blue-theme-input-group-prepend .blue-theme-input-focused, .blue-theme-input-group-append .blue-theme-input-focused {
  border-color: #0A70F5;
}
.blue-theme-input-group-prepend {
  border-right: none;
}
.blue-theme-input-group-append {
  border-left: none;
}
.blue-theme-input-group[class*=col-] {
  float: none;
  padding-right: 0;
  padding-left: 0;
}
.blue-theme-input-group > [class*=col-] {
  padding-right: 8px;
}
.blue-theme-input-group > [class*=col-]:last-child {
  padding-right: 0;
}

.blue-theme-transfer-panel {
  border: 1px solid rgba(0, 0, 0, 0.12);
  border-radius: 6px;
  overflow: hidden;
  background: #fff;
  display: inline-block;
  vertical-align: middle;
  width: 240px;
  max-height: 100%;
  height: 100%;
  box-sizing: border-box;
  position: relative;
  text-align: left;
}
.blue-theme-transfer-panel-body {
  padding: 4px 0;
  height: calc(100% - 40px);
  display: flex;
  flex-direction: column;
}
.blue-theme-transfer-panel-body.with-footer {
  padding-bottom: 40px;
}

.blue-theme-transfer-panel-pagination {
  margin: 8px 0 4px;
  text-align: right;
}
.blue-theme-transfer-panel-list {
  margin: 0;
  flex: 1 1 auto;
  width: 100%;
  list-style: none;
  height: 100%;
  overflow: auto;
  box-sizing: border-box;
  padding: 0 4px;
  overflow: overlay;
}
.blue-theme-transfer-panel-list::-webkit-scrollbar {
  /*滚动条整体样式*/
  width: 4px;
  /*高宽分别对应横竖滚动条的尺寸*/
  height: 4px;
}
.blue-theme-transfer-panel-list::-webkit-scrollbar-track {
  /*滚动条里面轨道*/
  background: transparent;
}
.blue-theme-transfer-panel-list::-webkit-scrollbar-thumb {
  /*滚动条里面小方块*/
  border-radius: 4px;
  background-color: transparent;
}
.blue-theme-transfer-panel-list:hover::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.2);
}

.blue-theme-transfer-panel-item {
  height: 36px;
  line-height: 36px;
  padding-left: 12px;
  border-radius: 4px;
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.blue-theme-transfer-panel-item + .blue-theme-transfer-panel-item {
  margin-left: 0;
}
.blue-theme-transfer-panel-item.blue-theme-checkbox {
  display: block;
  margin-right: 0;
}
.blue-theme-transfer-panel-item:hover, .blue-theme-transfer-panel-item.hover {
  background-color: rgba(0, 0, 0, 0.04);
}

.blue-theme-transfer-panel-filter {
  text-align: center;
  margin: 4px 12px;
  box-sizing: border-box;
}
.blue-theme-transfer-panel-filter.blue-theme-input-wrapper {
  width: auto;
  flex: 0 0 auto;
}

.blue-theme-transfer-panel .blue-theme-transfer-panel-header {
  display: block;
  height: 40px;
  background: #fff;
  margin: 0;
  padding-left: 16px;
  padding-right: 16px;
  box-sizing: border-box;
  color: rgba(0, 0, 0, 0.35);
}
.blue-theme-transfer-panel .blue-theme-transfer-panel-header .blue-theme-checkbox {
  line-height: 40px;
  margin-right: 8px;
  vertical-align: top;
}
.blue-theme-transfer-panel .blue-theme-transfer-panel-header .blue-theme-transfer-panel-separation {
  height: 1px;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.12);
}
.blue-theme-transfer-panel .blue-theme-transfer-panel-footer {
  height: 40px;
  background: #fff;
  margin: 0;
  padding: 0 0;
  border-top: 1px solid rgba(0, 0, 0, 0.12);
  position: absolute;
  z-index: 1;
  bottom: 0;
  left: 0;
  width: 100%;
}
.blue-theme-transfer-panel .blue-theme-transfer-panel-footer .blue-theme-checkbox {
  padding-left: 20px;
  color: rgba(0, 0, 0, 0.5);
}
.blue-theme-transfer-panel .blue-theme-transfer-sum {
  float: right;
  margin-left: 8px;
  font-size: 14px;
  font-weight: normal;
  color: rgba(0, 0, 0, 0.35);
  line-height: 40px;
}
.blue-theme-transfer-panel .blue-theme-transfer-panel-empty {
  margin: 0;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 6px 12px 0;
  color: rgba(0, 0, 0, 0.5);
  text-align: center;
}

.blue-theme-transfer {
  font-size: 14px;
  color: rgba(0, 0, 0, 0.5);
  text-align: left;
}
.blue-theme-transfer-buttons {
  display: inline-block;
  vertical-align: middle;
  padding: 10px 20px;
}

.blue-theme-transfer-button.blue-theme-btn {
  display: flex;
  margin: 0 auto 12px;
  width: 32px;
  height: 32px;
  min-width: 20px;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.5);
  padding: 0;
  text-align: center;
}
.blue-theme-transfer-button-with-texts.blue-theme-btn {
  padding: 0 12px;
  border-radius: 4px;
  width: auto;
}
.blue-theme-transfer-button-with-texts.blue-theme-btn span {
  font-size: 14px;
}
.blue-theme-transfer-button-disabled {
  border: 1px solid rgba(0, 0, 0, 0.06);
  background-color: #f5f5f5;
  color: rgba(0, 0, 0, 0.06);
}
.blue-theme-transfer-button-disabled:hover, .blue-theme-transfer-button-disabled.hover {
  border: 1px solid rgba(0, 0, 0, 0.06);
  background-color: #f5f5f5;
  color: rgba(0, 0, 0, 0.06);
}

.blue-theme-transfer-button:first-child {
  margin-bottom: 10px;
}
.blue-theme-transfer-button:nth-child(2) {
  margin: 0;
}
.blue-theme-transfer-button > i,
.blue-theme-transfer-button > span {
  line-height: 18px;
}
.blue-theme-transfer-button i {
  font-size: 14px;
}
.blue-theme-transfer-button [class*=blue-theme-icon-] + span {
  margin-left: 0;
}

/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
/**
* 基础变量
* 参见: https://km.sankuai.com/page/147289627
**/
/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
/**
* 基础变量
* 参见: https://km.sankuai.com/page/147289627
**/
/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
.blue-theme-input {
  font-size: inherit;
  display: block;
  width: 100%;
  height: 100%;
  color: currentColor;
  padding: 0;
  background: transparent;
  border: 0 solid rgba(0, 0, 0, 0.12);
  border-radius: 0;
  flex: 1 1 0;
}
.blue-theme-input:hover {
  border-color: #2A8EFE;
}
.blue-theme-input:focus {
  border-color: #0A70F5;
  outline: none;
}
.blue-theme-input-wrapper {
  display: inline-flex;
  align-items: stretch;
  position: relative;
  color: rgba(0, 0, 0, 0.9);
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.12);
  border-radius: 6px;
}
.blue-theme-input-clear {
  cursor: pointer;
}
.blue-theme-input-prefix-inner, .blue-theme-input-suffix-inner {
  color: rgba(0, 0, 0, 0.5);
  display: inline-flex;
  align-items: center;
  flex: 0 0 auto;
}
.blue-theme-input-prefix-inner:hover, .blue-theme-input-suffix-inner:hover {
  color: rgba(0, 0, 0, 0.7);
}
.blue-theme-input-prefix-inner > i, .blue-theme-input-suffix-inner > i {
  flex: 0 0 auto;
}
.blue-theme-input-prefix-inner .blue-theme-icon-loading, .blue-theme-input-suffix-inner .blue-theme-icon-loading {
  color: rgba(0, 0, 0, 0.35);
}
.blue-theme-input-prefix-inner .blue-theme-icon-loading:hover, .blue-theme-input-suffix-inner .blue-theme-icon-loading:hover {
  color: rgba(0, 0, 0, 0.35);
}
.blue-theme-input-prefix-inner {
  margin-right: 4px;
}
.blue-theme-input-suffix-inner {
  margin-left: 4px;
}
.blue-theme-input-count {
  color: rgba(0, 0, 0, 0.5);
  font-size: 12px;
  margin-left: 4px;
}
.blue-theme-input-focused {
  border-color: #0A70F5;
  z-index: 1;
}
.blue-theme-input-hover {
  z-index: 1;
  border-color: #2A8EFE;
}
.blue-theme-input-readonly {
  color: rgba(0, 0, 0, 0.5);
  border-color: rgba(0, 0, 0, 0.12);
}
.blue-theme-input-disabled {
  background-color: rgba(0, 0, 0, 0.04);
  color: rgba(0, 0, 0, 0.25);
  border-color: rgba(0, 0, 0, 0.12);
  cursor: not-allowed;
}
.blue-theme-input-disabled .blue-theme-input {
  cursor: not-allowed;
}
.blue-theme-input-disabled .blue-theme-input-prefix-inner,
.blue-theme-input-disabled .blue-theme-input-suffix-inner {
  color: rgba(0, 0, 0, 0.35);
}
.blue-theme-input-error {
  border-color: #f5483b;
}
.blue-theme-input-error .status-icon {
  color: #f5483b;
  margin-left: 4px;
}
.blue-theme-input-success {
  border-color: #00ba73;
}
.blue-theme-input-success .status-icon {
  color: #00ba73;
  margin-left: 4px;
}
.blue-theme-input-warning {
  border-color: #ff9d00;
}
.blue-theme-input-warning .status-icon {
  color: #ff9d00;
  margin-left: 4px;
}
.blue-theme-input-wrapper {
  width: 180px;
  height: 32px;
  font-size: 14px;
  padding: 0 8px;
}
.blue-theme-input-wrapper .blue-theme-input-prefix-inner {
  font-size: 16px;
}
.blue-theme-input-wrapper .blue-theme-input-suffix-inner {
  font-size: 16px;
}
.blue-theme-input-wrapper.blue-theme-input-group > .blue-theme-input {
  padding: 0 8px;
}
.blue-theme-input-small {
  width: 160px;
  height: 24px;
  font-size: 12px;
  padding: 0 8px;
  border-radius: 4px;
}
.blue-theme-input-small .blue-theme-input-prefix-inner {
  font-size: 14px;
}
.blue-theme-input-small .blue-theme-input-suffix-inner {
  font-size: 14px;
}
.blue-theme-input-small.blue-theme-input-group > .blue-theme-input {
  padding: 0 8px;
}
.blue-theme-input-large {
  width: 200px;
  height: 40px;
  font-size: 16px;
  padding: 0 12px;
}
.blue-theme-input-large .blue-theme-input-prefix-inner {
  font-size: 18px;
}
.blue-theme-input-large .blue-theme-input-suffix-inner {
  font-size: 18px;
}
.blue-theme-input-large.blue-theme-input-group > .blue-theme-input {
  padding: 0 12px;
}
.blue-theme-input-line {
  background-color: transparent;
  border-width: 0;
  border-bottom-width: 1px;
  border-radius: 0;
}
.blue-theme-input-line.blue-theme-input-wrapper {
  padding-left: 0;
  padding-right: 0;
}
.blue-theme-input-area {
  color: rgba(0, 0, 0, 0.9);
  background-color: rgba(0, 0, 0, 0.04);
  border: 1px solid transparent;
}
.blue-theme-input-area ::placeholder {
  color: rgba(0, 0, 0, 0.25);
}
.blue-theme-input-area.blue-theme-input-hover {
  background-color: rgba(0, 0, 0, 0.06);
}
.blue-theme-input-area.blue-theme-input-focused {
  background-color: #fff;
  border-color: #0A70F5;
}
.blue-theme-input-area.blue-theme-input-disabled {
  color: rgba(0, 0, 0, 0.25);
  background: rgba(0, 0, 0, 0.04);
}
.blue-theme-input-area.blue-theme-input-readonly {
  color: rgba(0, 0, 0, 0.5);
  background-color: rgba(0, 0, 0, 0.04);
}
.blue-theme-input-area.blue-theme-input-error {
  background-color: rgba(245, 72, 59, 0.05);
}
.blue-theme-input-area.blue-theme-input-success {
  background-color: rgba(0, 186, 115, 0.05);
}
.blue-theme-input-area.blue-theme-input-warning {
  background-color: rgba(255, 157, 0, 0.05);
}
.blue-theme-input-pre {
  position: absolute;
  visibility: hidden;
  white-space: pre;
  display: block;
}

/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
/**
* 基础变量
* 参见: https://km.sankuai.com/page/147289627
**/
/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
.blue-theme-input-group {
  position: relative;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
  border: none;
}
.blue-theme-input-group-compact {
  display: flex;
  align-items: stretch;
}
.blue-theme-input-group-compact > *:not(:last-child) {
  margin-right: -1px;
}
.blue-theme-input-group > *,
.blue-theme-input-group .blue-theme-input,
.blue-theme-input-group .blue-theme-input-wrapper,
.blue-theme-input-group .blue-theme-input-number,
.blue-theme-input-group .blue-theme-input-number-wrapper,
.blue-theme-input-group .blue-theme-input-group :first-child,
.blue-theme-input-group .blue-theme-input-group :last-child {
  border-radius: 0;
}
.blue-theme-input-group > :first-child,
.blue-theme-input-group > :first-child .blue-theme-input-wrapper,
.blue-theme-input-group .blue-theme-input-group:first-child > :first-child {
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
}
.blue-theme-input-group > :last-child,
.blue-theme-input-group > :last-child .blue-theme-input-wrapper,
.blue-theme-input-group .blue-theme-input-group:last-child > :last-child {
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
}
.blue-theme-input-group > .blue-theme-input {
  border-width: 1px;
}
.blue-theme-input-group.blue-theme-input-error > .blue-theme-input {
  border-color: #f5483b;
}
.blue-theme-input-group.blue-theme-input-error > .blue-theme-input .status-icon {
  color: #f5483b;
  margin-left: 4px;
}
.blue-theme-input-group.blue-theme-input-success > .blue-theme-input {
  border-color: #00ba73;
}
.blue-theme-input-group.blue-theme-input-success > .blue-theme-input .status-icon {
  color: #00ba73;
  margin-left: 4px;
}
.blue-theme-input-group.blue-theme-input-warning > .blue-theme-input {
  border-color: #ff9d00;
}
.blue-theme-input-group.blue-theme-input-warning > .blue-theme-input .status-icon {
  color: #ff9d00;
  margin-left: 4px;
}
.blue-theme-input-group-prepend, .blue-theme-input-group-append {
  display: inline-flex;
  align-items: center;
  flex: 0 0 auto;
  line-height: 1.5;
  padding: 0 8px;
  background-color: #f5f5f5;
  white-space: nowrap;
  border: 1px solid rgba(0, 0, 0, 0.12);
}
.blue-theme-input-group-prepend .blue-theme-select, .blue-theme-input-group-append .blue-theme-select {
  margin: -1px -9px;
}
.blue-theme-input-group-prepend .blue-theme-input-wrapper, .blue-theme-input-group-append .blue-theme-input-wrapper {
  border-color: transparent;
  background-color: transparent;
}
.blue-theme-input-group-prepend .blue-theme-input-hover, .blue-theme-input-group-append .blue-theme-input-hover {
  border-color: #2A8EFE;
}
.blue-theme-input-group-prepend .blue-theme-input-focused, .blue-theme-input-group-append .blue-theme-input-focused {
  border-color: #0A70F5;
}
.blue-theme-input-group-prepend {
  border-right: none;
}
.blue-theme-input-group-append {
  border-left: none;
}
.blue-theme-input-group[class*=col-] {
  float: none;
  padding-right: 0;
  padding-left: 0;
}
.blue-theme-input-group > [class*=col-] {
  padding-right: 8px;
}
.blue-theme-input-group > [class*=col-]:last-child {
  padding-right: 0;
}

.blue-theme-transfer-panel {
  border: 1px solid rgba(0, 0, 0, 0.12);
  border-radius: 6px;
  overflow: hidden;
  background: #fff;
  display: inline-block;
  vertical-align: middle;
  width: 240px;
  max-height: 100%;
  height: 100%;
  box-sizing: border-box;
  position: relative;
  text-align: left;
}
.blue-theme-transfer-panel-body {
  padding: 4px 0;
  height: calc(100% - 40px);
  display: flex;
  flex-direction: column;
}
.blue-theme-transfer-panel-body.with-footer {
  padding-bottom: 40px;
}

.blue-theme-transfer-panel-pagination {
  margin: 8px 0 4px;
  text-align: right;
}
.blue-theme-transfer-panel-list {
  margin: 0;
  flex: 1 1 auto;
  width: 100%;
  list-style: none;
  height: 100%;
  overflow: auto;
  box-sizing: border-box;
  padding: 0 4px;
  overflow: overlay;
}
.blue-theme-transfer-panel-list::-webkit-scrollbar {
  /*滚动条整体样式*/
  width: 4px;
  /*高宽分别对应横竖滚动条的尺寸*/
  height: 4px;
}
.blue-theme-transfer-panel-list::-webkit-scrollbar-track {
  /*滚动条里面轨道*/
  background: transparent;
}
.blue-theme-transfer-panel-list::-webkit-scrollbar-thumb {
  /*滚动条里面小方块*/
  border-radius: 4px;
  background-color: transparent;
}
.blue-theme-transfer-panel-list:hover::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.2);
}

.blue-theme-transfer-panel-item {
  height: 36px;
  line-height: 36px;
  padding-left: 12px;
  border-radius: 4px;
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.blue-theme-transfer-panel-item + .blue-theme-transfer-panel-item {
  margin-left: 0;
}
.blue-theme-transfer-panel-item.blue-theme-checkbox {
  display: block;
  margin-right: 0;
}
.blue-theme-transfer-panel-item:hover, .blue-theme-transfer-panel-item.hover {
  background-color: rgba(0, 0, 0, 0.04);
}

.blue-theme-transfer-panel-filter {
  text-align: center;
  margin: 4px 12px;
  box-sizing: border-box;
}
.blue-theme-transfer-panel-filter.blue-theme-input-wrapper {
  width: auto;
  flex: 0 0 auto;
}

.blue-theme-transfer-panel .blue-theme-transfer-panel-header {
  display: block;
  height: 40px;
  background: #fff;
  margin: 0;
  padding-left: 16px;
  padding-right: 16px;
  box-sizing: border-box;
  color: rgba(0, 0, 0, 0.35);
}
.blue-theme-transfer-panel .blue-theme-transfer-panel-header .blue-theme-checkbox {
  line-height: 40px;
  margin-right: 8px;
  vertical-align: top;
}
.blue-theme-transfer-panel .blue-theme-transfer-panel-header .blue-theme-transfer-panel-separation {
  height: 1px;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.12);
}
.blue-theme-transfer-panel .blue-theme-transfer-panel-footer {
  height: 40px;
  background: #fff;
  margin: 0;
  padding: 0 0;
  border-top: 1px solid rgba(0, 0, 0, 0.12);
  position: absolute;
  z-index: 1;
  bottom: 0;
  left: 0;
  width: 100%;
}
.blue-theme-transfer-panel .blue-theme-transfer-panel-footer .blue-theme-checkbox {
  padding-left: 20px;
  color: rgba(0, 0, 0, 0.5);
}
.blue-theme-transfer-panel .blue-theme-transfer-sum {
  float: right;
  margin-left: 8px;
  font-size: 14px;
  font-weight: normal;
  color: rgba(0, 0, 0, 0.35);
  line-height: 40px;
}
.blue-theme-transfer-panel .blue-theme-transfer-panel-empty {
  margin: 0;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 6px 12px 0;
  color: rgba(0, 0, 0, 0.5);
  text-align: center;
}

/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
/**
* 基础变量
* 参见: https://km.sankuai.com/page/147289627
**/
/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
/**
* 基础变量
* 参见: https://km.sankuai.com/page/147289627
**/
/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
/**
* 基础变量
* 参见: https://km.sankuai.com/page/147289627
**/
/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
.blue-theme-announcement {
  padding: 7px 12px;
  box-sizing: border-box;
  border-radius: 4px;
  position: relative;
  background-color: #fff6e0;
  overflow: hidden;
  opacity: 1;
  transition: opacity 0.2s;
  color: rgba(0, 0, 0, 0.9);
  text-align: left;
  display: flex;
  width: 100%;
}
.blue-theme-announcement-success {
  background-color: #EFF8FF;
  color: #005ADE;
}
.blue-theme-announcement-success .blue-theme-announcement-icon {
  color: #0A70F5;
}
.blue-theme-announcement-success .blue-theme-announcement-description {
  color: #005ADE;
}

.blue-theme-announcement-success {
  background-color: #edfaf4;
  color: #007038;
}
.blue-theme-announcement-success .blue-theme-announcement-icon {
  color: #00ba73;
}
.blue-theme-announcement-success .blue-theme-announcement-description {
  color: #007038;
}

.blue-theme-announcement-warning {
  background-color: #fff6e0;
  color: #8A4100;
}
.blue-theme-announcement-warning .blue-theme-announcement-icon {
  color: #ff9d00;
}
.blue-theme-announcement-warning .blue-theme-announcement-description {
  color: #8A4100;
}

.blue-theme-announcement-error {
  background-color: #fff2f0;
  color: #B3090E;
}
.blue-theme-announcement-error .blue-theme-announcement-icon {
  color: #f5483b;
}
.blue-theme-announcement-error .blue-theme-announcement-description {
  color: #B3090E;
}

.blue-theme-announcement-info {
  background-color: #EFF8FF;
  color: #005ADE;
}
.blue-theme-announcement-info .blue-theme-announcement-icon {
  color: #0A70F5;
}
.blue-theme-announcement-info .blue-theme-announcement-description {
  color: #005ADE;
}

.blue-theme-announcement-secondary {
  background-color: rgba(0, 0, 0, 0.06);
  color: rgba(0, 0, 0, 0.9);
}
.blue-theme-announcement-secondary .blue-theme-announcement-icon {
  color: rgba(0, 0, 0, 0.5);
}
.blue-theme-announcement-secondary .blue-theme-announcement-description {
  color: rgba(0, 0, 0, 0.9);
}

.blue-theme-announcement-icon {
  font-size: 20px;
  margin-top: 1px;
}

.blue-theme-announcement.blue-theme-announcement-closable .blue-theme-announcement-content {
  padding-right: 20px;
}
.blue-theme-announcement-icon + .blue-theme-announcement-content {
  margin-left: 8px;
}
.blue-theme-announcement-content {
  flex: 1 1 auto;
  word-break: break-word;
}
.blue-theme-announcement-has-description {
  padding: 12px 16px;
}
.blue-theme-announcement-title {
  font-size: 14px;
  line-height: 22px;
  font-weight: 400;
}
.blue-theme-announcement-title-large {
  font-size: 14px;
  line-height: 22px;
  font-weight: 500;
}
.blue-theme-announcement-title-large.blue-theme-announcement-icon {
  line-height: 22px;
}

.blue-theme-announcement-description {
  font-size: 12px;
  line-height: 20px;
  font-weight: 400;
  margin-top: 4px;
  color: rgba(0, 0, 0, 0.35);
}

.blue-theme-announcement-close {
  font-size: 16px;
  line-height: 1;
  color: rgba(0, 0, 0, 0.5);
  position: absolute;
  z-index: 1;
  top: 8px;
  right: 12px;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  height: 22px;
}
.blue-theme-announcement-close:hover, .blue-theme-announcement-close.hover, .blue-theme-announcement-close:focus {
  color: rgba(0, 0, 0, 0.7);
  text-decoration: none;
}

.blue-theme-announcement-fade-enter,
.blue-theme-announcement-fade-leave-active {
  opacity: 0;
}

/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
/**
* 基础变量
* 参见: https://km.sankuai.com/page/147289627
**/
/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
/**
* 基础变量
* 参见: https://km.sankuai.com/page/147289627
**/
/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
/**
* 基础变量
* 参见: https://km.sankuai.com/page/147289627
**/
/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
/* @mixin tag-pure-color($color, $bgc) {

  // 面型
  &.blue-theme-tag-pure {
    background-color: $bgc;
    color: $color;
    border-color: $bgc;
  }
}
 */
/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
/**
* 基础变量
* 参见: https://km.sankuai.com/page/147289627
**/
/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
@keyframes mtd-btn-rotate {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(360deg);
  }
}
.blue-theme-btn {
  box-sizing: border-box;
  white-space: nowrap;
  -webkit-appearance: none;
  cursor: pointer;
  outline: none;
  text-align: center;
  font-weight: 500;
  user-select: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  vertical-align: top;
  position: relative;
  transition: all 0.3s;
  color: rgba(0, 0, 0, 0.9);
  background: #fff;
  border: 1px solid #e0e0e0;
  min-width: 32px;
  height: 32px;
  padding: 0 12px;
  font-size: 14px;
  border-radius: 6px;
}
.blue-theme-btn:hover, .blue-theme-btn.hover {
  color: rgba(0, 0, 0, 0.9);
  border-color: #e0e0e0;
  background-color: rgba(0, 0, 0, 0.04);
  text-decoration: none;
}
.blue-theme-btn:active, .blue-theme-btn.active {
  color: rgba(0, 0, 0, 0.9);
  border-color: #e0e0e0;
  background-color: rgba(0, 0, 0, 0.12);
}
.blue-theme-btn.blue-theme-btn-disabled {
  color: rgba(0, 0, 0, 0.25);
  border-color: #e0e0e0;
  background: rgba(0, 0, 0, 0.04);
  opacity: 1;
  cursor: not-allowed;
}
.blue-theme-btn.blue-theme-btn-disabled .blue-theme-btn-before {
  color: currentColor;
}
.blue-theme-btn-loading {
  pointer-events: none;
}
.blue-theme-btn-before {
  display: inline-flex;
  vertical-align: top;
  align-items: center;
  height: 100%;
}
.blue-theme-btn-before .blue-theme-badge {
  line-height: 1;
}
.blue-theme-btn-spin {
  width: 1em;
  height: 1em;
  border: 1px solid transparent;
  border-top-color: currentColor;
  border-right-color: currentColor;
  border-radius: 50%;
  animation: mtd-btn-rotate linear 1s infinite;
}
.blue-theme-btn .blue-theme-btn-before {
  margin-right: 4px;
  font-size: 16px;
  width: 1em;
}
.blue-theme-btn.blue-theme-btn-text-primary {
  height: 22px;
}
.blue-theme-btn-small {
  min-width: 24px;
  height: 24px;
  padding: 0 8px;
  font-size: 12px;
  border-radius: 4px;
}
.blue-theme-btn-small .blue-theme-btn-before {
  margin-right: 4px;
  font-size: 14px;
  width: 1em;
}
.blue-theme-btn-small.blue-theme-btn-text-primary {
  height: 20px;
}
.blue-theme-btn-large {
  min-width: 40px;
  height: 40px;
  padding: 0 20px;
  font-size: 14px;
  border-radius: 6px;
}
.blue-theme-btn-large .blue-theme-btn-before {
  margin-right: 4px;
  font-size: 16px;
  width: 1em;
}
.blue-theme-btn-large.blue-theme-btn-text-primary {
  height: 22px;
}
.blue-theme-btn-primary {
  color: #fff;
  background: #0A70F5;
  border-color: #0A70F5;
  /* &.blue-theme-btn-loading {
    color: $color;
    background: $activeBgc;
    border-color: $activeBorderColor;
  } */
}
.blue-theme-btn-primary:hover, .blue-theme-btn-primary.hover, .blue-theme-btn-primary:focus {
  color: #fff;
  background: #2A8EFE;
  border-color: #2A8EFE;
}
.blue-theme-btn-primary:active, .blue-theme-btn-primary.active {
  color: #fff;
  background: #005ADE;
  border-color: #005ADE;
}
.blue-theme-btn-primary .blue-theme-btn-before {
  color: currentColor;
}
.blue-theme-btn-primary.blue-theme-btn-disabled {
  color: rgba(0, 0, 0, 0.25);
  background: rgba(0, 0, 0, 0.04);
  border-color: #e0e0e0;
  opacity: 1;
}
.blue-theme-btn-primary.blue-theme-btn-ghost {
  background: transparent;
  color: #0A70F5;
  border-color: #0A70F5;
  /* &.blue-theme-btn-loading {
    color: $activeBorderColor;
    background: transparent;
    border-color: $activeBorderColor;
  } */
}
.blue-theme-btn-primary.blue-theme-btn-ghost:hover, .blue-theme-btn-primary.blue-theme-btn-ghost:focus {
  background: rgba(10, 112, 245, 0.12);
  color: #0A70F5;
  border-color: #0A70F5;
}
.blue-theme-btn-primary.blue-theme-btn-ghost:active {
  background: rgba(10, 112, 245, 0.24);
  color: #0A70F5;
  border-color: #0A70F5;
}
.blue-theme-btn-primary.blue-theme-btn-ghost.blue-theme-btn-disabled {
  color: rgba(0, 0, 0, 0.25);
  background: rgba(0, 0, 0, 0.04);
  border-color: #e0e0e0;
}
.blue-theme-btn-primary.blue-theme-btn-disabled {
  border: none;
  border-width: 0;
}
.blue-theme-btn-success {
  color: #fff;
  background: #00ba73;
  border-color: #00ba73;
  /* &.blue-theme-btn-loading {
    color: $color;
    background: $activeBgc;
    border-color: $activeBorderColor;
  } */
}
.blue-theme-btn-success:hover, .blue-theme-btn-success.hover, .blue-theme-btn-success:focus {
  color: #fff;
  background: #3dd999;
  border-color: #3dd999;
}
.blue-theme-btn-success:active, .blue-theme-btn-success.active {
  color: #fff;
  background: #009155;
  border-color: #009155;
}
.blue-theme-btn-success .blue-theme-btn-before {
  color: currentColor;
}
.blue-theme-btn-success.blue-theme-btn-disabled {
  color: rgba(0, 0, 0, 0.25);
  background: rgba(0, 0, 0, 0.04);
  border-color: #e0e0e0;
  opacity: 1;
}
.blue-theme-btn-success.blue-theme-btn-ghost {
  background: transparent;
  color: #00ba73;
  border-color: #00ba73;
  /* &.blue-theme-btn-loading {
    color: $activeBorderColor;
    background: transparent;
    border-color: $activeBorderColor;
  } */
}
.blue-theme-btn-success.blue-theme-btn-ghost:hover, .blue-theme-btn-success.blue-theme-btn-ghost:focus {
  background: rgba(0, 186, 115, 0.12);
  color: #00ba73;
  border-color: #00ba73;
}
.blue-theme-btn-success.blue-theme-btn-ghost:active {
  background: rgba(0, 186, 115, 0.24);
  color: #00ba73;
  border-color: #00ba73;
}
.blue-theme-btn-success.blue-theme-btn-ghost.blue-theme-btn-disabled {
  color: rgba(0, 0, 0, 0.25);
  background: rgba(0, 0, 0, 0.04);
  border-color: #e0e0e0;
}
.blue-theme-btn-success.blue-theme-btn-disabled {
  border: none;
  border-width: 0;
}
.blue-theme-btn-warning {
  color: #fff;
  background: #ff9d00;
  border-color: #ff9d00;
  /* &.blue-theme-btn-loading {
    color: $color;
    background: $activeBgc;
    border-color: $activeBorderColor;
  } */
}
.blue-theme-btn-warning:hover, .blue-theme-btn-warning.hover, .blue-theme-btn-warning:focus {
  color: #fff;
  background: #ffc152;
  border-color: #ffc152;
}
.blue-theme-btn-warning:active, .blue-theme-btn-warning.active {
  color: #fff;
  background: #c76a00;
  border-color: #c76a00;
}
.blue-theme-btn-warning .blue-theme-btn-before {
  color: currentColor;
}
.blue-theme-btn-warning.blue-theme-btn-disabled {
  color: rgba(0, 0, 0, 0.25);
  background: rgba(0, 0, 0, 0.04);
  border-color: #e0e0e0;
  opacity: 1;
}
.blue-theme-btn-warning.blue-theme-btn-ghost {
  background: transparent;
  color: #ff9d00;
  border-color: #ff9d00;
  /* &.blue-theme-btn-loading {
    color: $activeBorderColor;
    background: transparent;
    border-color: $activeBorderColor;
  } */
}
.blue-theme-btn-warning.blue-theme-btn-ghost:hover, .blue-theme-btn-warning.blue-theme-btn-ghost:focus {
  background: rgba(255, 157, 0, 0.12);
  color: #ff9d00;
  border-color: #ff9d00;
}
.blue-theme-btn-warning.blue-theme-btn-ghost:active {
  background: rgba(255, 157, 0, 0.24);
  color: #ff9d00;
  border-color: #ff9d00;
}
.blue-theme-btn-warning.blue-theme-btn-ghost.blue-theme-btn-disabled {
  color: rgba(0, 0, 0, 0.25);
  background: rgba(0, 0, 0, 0.04);
  border-color: #e0e0e0;
}
.blue-theme-btn-warning.blue-theme-btn-disabled {
  border: none;
  border-width: 0;
}
.blue-theme-btn-danger {
  color: #fff;
  background: #f5483b;
  border-color: #f5483b;
  /* &.blue-theme-btn-loading {
    color: $color;
    background: $activeBgc;
    border-color: $activeBorderColor;
  } */
}
.blue-theme-btn-danger:hover, .blue-theme-btn-danger.hover, .blue-theme-btn-danger:focus {
  color: #fff;
  background: #ff7d7a;
  border-color: #ff7d7a;
}
.blue-theme-btn-danger:active, .blue-theme-btn-danger.active {
  color: #fff;
  background: #d41e21;
  border-color: #d41e21;
}
.blue-theme-btn-danger .blue-theme-btn-before {
  color: currentColor;
}
.blue-theme-btn-danger.blue-theme-btn-disabled {
  color: rgba(0, 0, 0, 0.25);
  background: rgba(0, 0, 0, 0.04);
  border-color: #e0e0e0;
  opacity: 1;
}
.blue-theme-btn-danger.blue-theme-btn-ghost {
  background: transparent;
  color: #f5483b;
  border-color: #f5483b;
  /* &.blue-theme-btn-loading {
    color: $activeBorderColor;
    background: transparent;
    border-color: $activeBorderColor;
  } */
}
.blue-theme-btn-danger.blue-theme-btn-ghost:hover, .blue-theme-btn-danger.blue-theme-btn-ghost:focus {
  background: rgba(245, 72, 59, 0.12);
  color: #f5483b;
  border-color: #f5483b;
}
.blue-theme-btn-danger.blue-theme-btn-ghost:active {
  background: rgba(245, 72, 59, 0.24);
  color: #f5483b;
  border-color: #f5483b;
}
.blue-theme-btn-danger.blue-theme-btn-ghost.blue-theme-btn-disabled {
  color: rgba(0, 0, 0, 0.25);
  background: rgba(0, 0, 0, 0.04);
  border-color: #e0e0e0;
}
.blue-theme-btn-danger.blue-theme-btn-disabled {
  border: none;
  border-width: 0;
}
.blue-theme-btn-text {
  color: rgba(0, 0, 0, 0.9);
  border-color: transparent !important;
  background-color: transparent;
}
.blue-theme-btn-text:hover, .blue-theme-btn-text.hover, .blue-theme-btn-text:focus, .blue-theme-btn-text:active, .blue-theme-btn-text.active {
  border-color: transparent;
}
.blue-theme-btn-text:hover, .blue-theme-btn-text.hover, .blue-theme-btn-text:focus {
  color: rgba(0, 0, 0, 0.9);
  background-color: rgba(0, 0, 0, 0.06);
}
.blue-theme-btn-text:active, .blue-theme-btn-text.active {
  color: rgba(0, 0, 0, 0.9);
  background-color: rgba(0, 0, 0, 0.12);
}
.blue-theme-btn-text.blue-theme-btn-loading {
  color: rgba(0, 0, 0, 0.9);
}
.blue-theme-btn-text.blue-theme-btn-disabled {
  color: rgba(0, 0, 0, 0.25);
  background-color: transparent;
  opacity: 1;
}
.blue-theme-btn-text .blue-theme-btn-before {
  color: rgba(0, 0, 0, 0.9);
}
.blue-theme-btn-text-primary {
  padding: 0;
  color: #0A70F5;
  border-color: transparent !important;
  background-color: transparent;
}
.blue-theme-btn-text-primary:hover, .blue-theme-btn-text-primary.hover, .blue-theme-btn-text-primary:focus, .blue-theme-btn-text-primary:active, .blue-theme-btn-text-primary.active {
  border-color: transparent;
}
.blue-theme-btn-text-primary:hover, .blue-theme-btn-text-primary.hover, .blue-theme-btn-text-primary:focus {
  color: #2A8EFE;
  background-color: transparent;
}
.blue-theme-btn-text-primary:active, .blue-theme-btn-text-primary.active {
  color: #005ADE;
  background-color: transparent;
}
.blue-theme-btn-text-primary.blue-theme-btn-loading {
  color: #005ADE;
}
.blue-theme-btn-text-primary.blue-theme-btn-disabled {
  color: rgba(0, 0, 0, 0.25);
  background-color: transparent;
  opacity: 1;
}
.blue-theme-btn-text-primary .blue-theme-btn-before {
  color: #0A70F5;
}
.blue-theme-btn-panel {
  background-color: rgba(0, 0, 0, 0.06);
  border: none;
  border-width: 0;
}
.blue-theme-btn-panel:hover {
  background-color: rgba(0, 0, 0, 0.04);
}
.blue-theme-btn-panel:active {
  background-color: #e0e0e0;
}
.blue-theme-btn-dashed {
  border-style: dashed;
}
.blue-theme-btn-circle {
  border-radius: 50%;
}
.blue-theme-btn-only-icon {
  padding: 0;
}
.blue-theme-btn.blue-theme-btn-loading .blue-theme-btn-before {
  padding: 1px;
  font-size: 14px;
  width: 16px;
}
.blue-theme-btn.blue-theme-btn-loading.blue-theme-btn-small .blue-theme-btn-before {
  padding: 1px;
  font-size: 12px;
  width: 12px;
}
.blue-theme-btn.blue-theme-btn-loading.blue-theme-btn-large .blue-theme-btn-before {
  padding: 1px;
  font-size: 14px;
  width: 16px;
}

.blue-theme-input-search-button {
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
}
.blue-theme-input-search-enter-button .blue-theme-input-search-input-wrapper,
.blue-theme-input-search-enter-button .blue-theme-input-search-input {
  border-right: none;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
}

.blue-theme-tag {
  display: inline-flex;
  align-items: center;
  white-space: nowrap;
  position: relative;
  vertical-align: middle;
  border: 1px solid;
  transition: all 0.3s;
  font-size: 0;
  height: 24px;
  padding: 2px 4px;
  min-width: 32px;
  max-width: 220px;
  border-radius: 4px;
}
.blue-theme-tag-clickable {
  cursor: pointer;
}
.blue-theme-tag-content {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  flex: 1 1 auto;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.blue-theme-tag-content-prefix {
  margin-right: 2px;
  display: inline-flex;
  align-items: center;
}
.blue-theme-tag-close {
  flex: 0 0 auto;
  margin-left: 0.5em;
  vertical-align: middle;
  cursor: pointer;
  color: currentColor;
  line-height: 0;
  padding: 1px;
}
.blue-theme-tag-close:hover {
  background-color: rgba(0, 0, 0, 0.04);
  border-radius: 2000px;
}
.blue-theme-tag-close i {
  transform: scale(0.8);
}
.blue-theme-tag-normal-color {
  background-color: rgba(0, 0, 0, 0.06);
  color: rgba(0, 0, 0, 0.9);
  border: 1px solid rgba(0, 0, 0, 0.1);
}
.blue-theme-tag-normal-color.blue-theme-tag-ghost {
  background-color: #fff;
}
.blue-theme-tag-normal-color.blue-theme-tag-pure {
  border: none;
}
.blue-theme-tag-gray {
  color: rgba(0, 0, 0, 0.9);
  border-color: "black";
  background-color: "white";
}
.blue-theme-tag-gray.blue-theme-tag-fuzzy {
  background-color: rgba(0, 0, 0, 0.06);
  border-color: rgba(0, 0, 0, 0.1);
  color: rgba(0, 0, 0, 0.35);
}
.blue-theme-tag-gray.blue-theme-tag-ghost {
  background-color: transparent;
  border-color: rgba(0, 0, 0, 0.35);
  color: rgba(0, 0, 0, 0.35);
}
.blue-theme-tag-gray.blue-theme-tag-pure {
  background-color: rgba(0, 0, 0, 0.35);
  border-color: transparent;
  color: white;
}
.blue-theme-tag-blue {
  color: rgba(0, 0, 0, 0.9);
  border-color: "black";
  background-color: "white";
}
.blue-theme-tag-blue.blue-theme-tag-fuzzy {
  background-color: rgba(10, 112, 245, 0.06);
  border-color: rgba(10, 112, 245, 0.1);
  color: #0A70F5;
}
.blue-theme-tag-blue.blue-theme-tag-ghost {
  background-color: transparent;
  border-color: #0A70F5;
  color: #0A70F5;
}
.blue-theme-tag-blue.blue-theme-tag-pure {
  background-color: #0A70F5;
  border-color: transparent;
  color: white;
}
.blue-theme-tag-green {
  color: rgba(0, 0, 0, 0.9);
  border-color: "black";
  background-color: "white";
}
.blue-theme-tag-green.blue-theme-tag-fuzzy {
  background-color: rgba(0, 186, 115, 0.06);
  border-color: rgba(0, 186, 115, 0.1);
  color: #00ba73;
}
.blue-theme-tag-green.blue-theme-tag-ghost {
  background-color: transparent;
  border-color: #00ba73;
  color: #00ba73;
}
.blue-theme-tag-green.blue-theme-tag-pure {
  background-color: #00ba73;
  border-color: transparent;
  color: white;
}
.blue-theme-tag-red {
  color: rgba(0, 0, 0, 0.9);
  border-color: "black";
  background-color: "white";
}
.blue-theme-tag-red.blue-theme-tag-fuzzy {
  background-color: rgba(255, 74, 71, 0.06);
  border-color: rgba(255, 74, 71, 0.1);
  color: #ff4a47;
}
.blue-theme-tag-red.blue-theme-tag-ghost {
  background-color: transparent;
  border-color: #ff4a47;
  color: #ff4a47;
}
.blue-theme-tag-red.blue-theme-tag-pure {
  background-color: #ff4a47;
  border-color: transparent;
  color: white;
}
.blue-theme-tag-purple {
  color: rgba(0, 0, 0, 0.9);
  border-color: "black";
  background-color: "white";
}
.blue-theme-tag-purple.blue-theme-tag-fuzzy {
  background-color: rgba(125, 26, 255, 0.06);
  border-color: rgba(125, 26, 255, 0.1);
  color: #7D1AFF;
}
.blue-theme-tag-purple.blue-theme-tag-ghost {
  background-color: transparent;
  border-color: #7D1AFF;
  color: #7D1AFF;
}
.blue-theme-tag-purple.blue-theme-tag-pure {
  background-color: #7D1AFF;
  border-color: transparent;
  color: white;
}
.blue-theme-tag-orange {
  color: rgba(0, 0, 0, 0.9);
  border-color: "black";
  background-color: "white";
}
.blue-theme-tag-orange.blue-theme-tag-fuzzy {
  background-color: rgba(255, 94, 0, 0.06);
  border-color: rgba(255, 94, 0, 0.1);
  color: #FF5E00;
}
.blue-theme-tag-orange.blue-theme-tag-ghost {
  background-color: transparent;
  border-color: #FF5E00;
  color: #FF5E00;
}
.blue-theme-tag-orange.blue-theme-tag-pure {
  background-color: #FF5E00;
  border-color: transparent;
  color: white;
}
.blue-theme-tag-brown {
  color: rgba(0, 0, 0, 0.9);
  border-color: "black";
  background-color: "white";
}
.blue-theme-tag-brown.blue-theme-tag-fuzzy {
  background-color: rgba(158, 117, 73, 0.06);
  border-color: rgba(158, 117, 73, 0.1);
  color: #9E7549;
}
.blue-theme-tag-brown.blue-theme-tag-ghost {
  background-color: transparent;
  border-color: #9E7549;
  color: #9E7549;
}
.blue-theme-tag-brown.blue-theme-tag-pure {
  background-color: #9E7549;
  border-color: transparent;
  color: white;
}
.blue-theme-tag-yellow {
  color: rgba(0, 0, 0, 0.9);
  border-color: "black";
  background-color: "white";
}
.blue-theme-tag-yellow.blue-theme-tag-fuzzy {
  background-color: rgba(255, 209, 0, 0.06);
  border-color: rgba(255, 209, 0, 0.1);
  color: #FFD100;
}
.blue-theme-tag-yellow.blue-theme-tag-ghost {
  background-color: transparent;
  border-color: #FFD100;
  color: #FFD100;
}
.blue-theme-tag-yellow.blue-theme-tag-pure {
  background-color: #FFD100;
  border-color: transparent;
  color: white;
}
.blue-theme-tag-yellow.blue-theme-tag-fuzzy {
  color: #A36A00;
}
.blue-theme-tag-yellow.blue-theme-tag-ghost {
  color: #A36A00;
}
.blue-theme-tag-yellow.blue-theme-tag-pure {
  color: rgba(0, 0, 0, 0.9);
}
.blue-theme-tag-unbordered {
  border-color: transparent !important;
}
.blue-theme-tag-disabled {
  cursor: not-allowed;
  border-color: #e2e6ed !important;
  background-color: #f5f5f5 !important;
  color: rgba(0, 0, 0, 0.25) !important;
  opacity: 1;
}
.blue-theme-tag-disabled .blue-theme-tag-close {
  pointer-events: none;
  color: #d7dbe2;
}
.blue-theme-tag-small {
  height: 20px;
  padding: 2px 4px;
  min-width: 28px;
  max-width: 170px;
  border-radius: 4px;
}
.blue-theme-tag-small .blue-theme-tag-content {
  font-size: 10px;
}
.blue-theme-tag-small .blue-theme-tag-content {
  font-size: 10px;
}
.blue-theme-tag-small .blue-theme-tag-close {
  font-size: 10px;
  margin-left: 4px;
}
.blue-theme-tag-small.blue-theme-tag-rounded {
  font-size: 10px;
  padding: 2px 8px;
}
.blue-theme-tag-small.blue-theme-tag-prefix {
  padding-left: 4px;
}
.blue-theme-tag-small.blue-theme-tag-closable {
  padding-right: 4px;
}
.blue-theme-tag .blue-theme-tag-content {
  font-size: 12px;
}
.blue-theme-tag .blue-theme-tag-content {
  font-size: 12px;
}
.blue-theme-tag .blue-theme-tag-close {
  font-size: 12px;
  margin-left: 2px;
}
.blue-theme-tag.blue-theme-tag-rounded {
  font-size: 12px;
  padding: 2px 8px;
}
.blue-theme-tag.blue-theme-tag-prefix {
  padding-left: 4px;
}
.blue-theme-tag.blue-theme-tag-closable {
  padding-right: 4px;
}
.blue-theme-tag-large {
  height: 32px;
  padding: 2px 4px;
  min-width: 44px;
  max-width: 270px;
  border-radius: 4px;
}
.blue-theme-tag-large .blue-theme-tag-content {
  font-size: 14px;
}
.blue-theme-tag-large .blue-theme-tag-content {
  font-size: 14px;
}
.blue-theme-tag-large .blue-theme-tag-close {
  font-size: 14px;
  margin-left: 4px;
}
.blue-theme-tag-large.blue-theme-tag-rounded {
  font-size: 14px;
  padding: 2px 8px;
}
.blue-theme-tag-large.blue-theme-tag-prefix {
  padding-left: 4px;
}
.blue-theme-tag-large.blue-theme-tag-closable {
  padding-right: 4px;
}
.blue-theme-tag-rounded {
  border-radius: 100px;
}

/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
/**
* 基础变量
* 参见: https://km.sankuai.com/page/147289627
**/
/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
.blue-theme-input {
  font-size: inherit;
  display: block;
  width: 100%;
  height: 100%;
  color: currentColor;
  padding: 0;
  background: transparent;
  border: 0 solid rgba(0, 0, 0, 0.12);
  border-radius: 0;
  flex: 1 1 0;
}
.blue-theme-input:hover {
  border-color: #2A8EFE;
}
.blue-theme-input:focus {
  border-color: #0A70F5;
  outline: none;
}
.blue-theme-input-wrapper {
  display: inline-flex;
  align-items: stretch;
  position: relative;
  color: rgba(0, 0, 0, 0.9);
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.12);
  border-radius: 6px;
}
.blue-theme-input-clear {
  cursor: pointer;
}
.blue-theme-input-prefix-inner, .blue-theme-input-suffix-inner {
  color: rgba(0, 0, 0, 0.5);
  display: inline-flex;
  align-items: center;
  flex: 0 0 auto;
}
.blue-theme-input-prefix-inner:hover, .blue-theme-input-suffix-inner:hover {
  color: rgba(0, 0, 0, 0.7);
}
.blue-theme-input-prefix-inner > i, .blue-theme-input-suffix-inner > i {
  flex: 0 0 auto;
}
.blue-theme-input-prefix-inner .blue-theme-icon-loading, .blue-theme-input-suffix-inner .blue-theme-icon-loading {
  color: rgba(0, 0, 0, 0.35);
}
.blue-theme-input-prefix-inner .blue-theme-icon-loading:hover, .blue-theme-input-suffix-inner .blue-theme-icon-loading:hover {
  color: rgba(0, 0, 0, 0.35);
}
.blue-theme-input-prefix-inner {
  margin-right: 4px;
}
.blue-theme-input-suffix-inner {
  margin-left: 4px;
}
.blue-theme-input-count {
  color: rgba(0, 0, 0, 0.5);
  font-size: 12px;
  margin-left: 4px;
}
.blue-theme-input-focused {
  border-color: #0A70F5;
  z-index: 1;
}
.blue-theme-input-hover {
  z-index: 1;
  border-color: #2A8EFE;
}
.blue-theme-input-readonly {
  color: rgba(0, 0, 0, 0.5);
  border-color: rgba(0, 0, 0, 0.12);
}
.blue-theme-input-disabled {
  background-color: rgba(0, 0, 0, 0.04);
  color: rgba(0, 0, 0, 0.25);
  border-color: rgba(0, 0, 0, 0.12);
  cursor: not-allowed;
}
.blue-theme-input-disabled .blue-theme-input {
  cursor: not-allowed;
}
.blue-theme-input-disabled .blue-theme-input-prefix-inner,
.blue-theme-input-disabled .blue-theme-input-suffix-inner {
  color: rgba(0, 0, 0, 0.35);
}
.blue-theme-input-error {
  border-color: #f5483b;
}
.blue-theme-input-error .status-icon {
  color: #f5483b;
  margin-left: 4px;
}
.blue-theme-input-success {
  border-color: #00ba73;
}
.blue-theme-input-success .status-icon {
  color: #00ba73;
  margin-left: 4px;
}
.blue-theme-input-warning {
  border-color: #ff9d00;
}
.blue-theme-input-warning .status-icon {
  color: #ff9d00;
  margin-left: 4px;
}
.blue-theme-input-wrapper {
  width: 180px;
  height: 32px;
  font-size: 14px;
  padding: 0 8px;
}
.blue-theme-input-wrapper .blue-theme-input-prefix-inner {
  font-size: 16px;
}
.blue-theme-input-wrapper .blue-theme-input-suffix-inner {
  font-size: 16px;
}
.blue-theme-input-wrapper.blue-theme-input-group > .blue-theme-input {
  padding: 0 8px;
}
.blue-theme-input-small {
  width: 160px;
  height: 24px;
  font-size: 12px;
  padding: 0 8px;
  border-radius: 4px;
}
.blue-theme-input-small .blue-theme-input-prefix-inner {
  font-size: 14px;
}
.blue-theme-input-small .blue-theme-input-suffix-inner {
  font-size: 14px;
}
.blue-theme-input-small.blue-theme-input-group > .blue-theme-input {
  padding: 0 8px;
}
.blue-theme-input-large {
  width: 200px;
  height: 40px;
  font-size: 16px;
  padding: 0 12px;
}
.blue-theme-input-large .blue-theme-input-prefix-inner {
  font-size: 18px;
}
.blue-theme-input-large .blue-theme-input-suffix-inner {
  font-size: 18px;
}
.blue-theme-input-large.blue-theme-input-group > .blue-theme-input {
  padding: 0 12px;
}
.blue-theme-input-line {
  background-color: transparent;
  border-width: 0;
  border-bottom-width: 1px;
  border-radius: 0;
}
.blue-theme-input-line.blue-theme-input-wrapper {
  padding-left: 0;
  padding-right: 0;
}
.blue-theme-input-area {
  color: rgba(0, 0, 0, 0.9);
  background-color: rgba(0, 0, 0, 0.04);
  border: 1px solid transparent;
}
.blue-theme-input-area ::placeholder {
  color: rgba(0, 0, 0, 0.25);
}
.blue-theme-input-area.blue-theme-input-hover {
  background-color: rgba(0, 0, 0, 0.06);
}
.blue-theme-input-area.blue-theme-input-focused {
  background-color: #fff;
  border-color: #0A70F5;
}
.blue-theme-input-area.blue-theme-input-disabled {
  color: rgba(0, 0, 0, 0.25);
  background: rgba(0, 0, 0, 0.04);
}
.blue-theme-input-area.blue-theme-input-readonly {
  color: rgba(0, 0, 0, 0.5);
  background-color: rgba(0, 0, 0, 0.04);
}
.blue-theme-input-area.blue-theme-input-error {
  background-color: rgba(245, 72, 59, 0.05);
}
.blue-theme-input-area.blue-theme-input-success {
  background-color: rgba(0, 186, 115, 0.05);
}
.blue-theme-input-area.blue-theme-input-warning {
  background-color: rgba(255, 157, 0, 0.05);
}
.blue-theme-input-pre {
  position: absolute;
  visibility: hidden;
  white-space: pre;
  display: block;
}

/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
/**
* 基础变量
* 参见: https://km.sankuai.com/page/147289627
**/
/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
.blue-theme-input-group {
  position: relative;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
  border: none;
}
.blue-theme-input-group-compact {
  display: flex;
  align-items: stretch;
}
.blue-theme-input-group-compact > *:not(:last-child) {
  margin-right: -1px;
}
.blue-theme-input-group > *,
.blue-theme-input-group .blue-theme-input,
.blue-theme-input-group .blue-theme-input-wrapper,
.blue-theme-input-group .blue-theme-input-number,
.blue-theme-input-group .blue-theme-input-number-wrapper,
.blue-theme-input-group .blue-theme-input-group :first-child,
.blue-theme-input-group .blue-theme-input-group :last-child {
  border-radius: 0;
}
.blue-theme-input-group > :first-child,
.blue-theme-input-group > :first-child .blue-theme-input-wrapper,
.blue-theme-input-group .blue-theme-input-group:first-child > :first-child {
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
}
.blue-theme-input-group > :last-child,
.blue-theme-input-group > :last-child .blue-theme-input-wrapper,
.blue-theme-input-group .blue-theme-input-group:last-child > :last-child {
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
}
.blue-theme-input-group > .blue-theme-input {
  border-width: 1px;
}
.blue-theme-input-group.blue-theme-input-error > .blue-theme-input {
  border-color: #f5483b;
}
.blue-theme-input-group.blue-theme-input-error > .blue-theme-input .status-icon {
  color: #f5483b;
  margin-left: 4px;
}
.blue-theme-input-group.blue-theme-input-success > .blue-theme-input {
  border-color: #00ba73;
}
.blue-theme-input-group.blue-theme-input-success > .blue-theme-input .status-icon {
  color: #00ba73;
  margin-left: 4px;
}
.blue-theme-input-group.blue-theme-input-warning > .blue-theme-input {
  border-color: #ff9d00;
}
.blue-theme-input-group.blue-theme-input-warning > .blue-theme-input .status-icon {
  color: #ff9d00;
  margin-left: 4px;
}
.blue-theme-input-group-prepend, .blue-theme-input-group-append {
  display: inline-flex;
  align-items: center;
  flex: 0 0 auto;
  line-height: 1.5;
  padding: 0 8px;
  background-color: #f5f5f5;
  white-space: nowrap;
  border: 1px solid rgba(0, 0, 0, 0.12);
}
.blue-theme-input-group-prepend .blue-theme-select, .blue-theme-input-group-append .blue-theme-select {
  margin: -1px -9px;
}
.blue-theme-input-group-prepend .blue-theme-input-wrapper, .blue-theme-input-group-append .blue-theme-input-wrapper {
  border-color: transparent;
  background-color: transparent;
}
.blue-theme-input-group-prepend .blue-theme-input-hover, .blue-theme-input-group-append .blue-theme-input-hover {
  border-color: #2A8EFE;
}
.blue-theme-input-group-prepend .blue-theme-input-focused, .blue-theme-input-group-append .blue-theme-input-focused {
  border-color: #0A70F5;
}
.blue-theme-input-group-prepend {
  border-right: none;
}
.blue-theme-input-group-append {
  border-left: none;
}
.blue-theme-input-group[class*=col-] {
  float: none;
  padding-right: 0;
  padding-left: 0;
}
.blue-theme-input-group > [class*=col-] {
  padding-right: 8px;
}
.blue-theme-input-group > [class*=col-]:last-child {
  padding-right: 0;
}

/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
/**
* 基础变量
* 参见: https://km.sankuai.com/page/147289627
**/
/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
.blue-theme-checkbox {
  color: rgba(0, 0, 0, 0.9);
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  vertical-align: middle;
  font-size: 0;
}
.blue-theme-checkbox:before {
  content: " ";
  display: inline-block;
  width: 0;
  height: 100%;
  vertical-align: middle;
}
.blue-theme-checkbox + .blue-theme-checkbox {
  margin-left: 32px;
}
.blue-theme-checkbox-inner {
  color: rgba(0, 0, 0, 0.2);
  display: inline-flex;
  align-items: center;
  vertical-align: middle;
  width: 1em;
  height: 1em;
  border: 1px solid currentColor;
  border-radius: 4px;
  background-color: #fff;
  position: relative;
  transition: background-color 0.3s, color 0.3s;
  flex: 0 0 auto;
}
.blue-theme-checkbox-inner .blue-theme-icon {
  position: relative;
  left: -1px;
  color: transparent;
}
.blue-theme-checkbox-indeterminate .blue-theme-checkbox-inner, .blue-theme-checkbox-checked .blue-theme-checkbox-inner {
  background-color: #0A70F5;
  color: #0A70F5;
}
.blue-theme-checkbox-indeterminate .blue-theme-checkbox-inner i, .blue-theme-checkbox-checked .blue-theme-checkbox-inner i {
  color: #fff;
}
.blue-theme-checkbox-indeterminate-inner {
  height: 4px;
  position: absolute;
  z-index: 1;
  left: 2px;
  right: 2px;
  transform: scale(1, 0.5);
  background-color: currentColor;
  border-radius: 1px;
}
.blue-theme-checkbox-text {
  vertical-align: middle;
  margin-left: 8px;
}
.blue-theme-checkbox:not(.blue-theme-checkbox-disabled):hover, .blue-theme-checkbox:not(.blue-theme-checkbox-disabled).hover {
  color: rgba(0, 0, 0, 0.7);
}
.blue-theme-checkbox:not(.blue-theme-checkbox-disabled):hover .blue-theme-checkbox-inner, .blue-theme-checkbox:not(.blue-theme-checkbox-disabled).hover .blue-theme-checkbox-inner {
  color: #0A70F5;
}
.blue-theme-checkbox-checked .blue-theme-checkbox-inner, .blue-theme-checkbox-indeterminate .blue-theme-checkbox-inner {
  color: #0A70F5;
}
.blue-theme-checkbox-disabled {
  color: rgba(0, 0, 0, 0.25);
  cursor: not-allowed;
}
.blue-theme-checkbox-disabled .blue-theme-checkbox-inner {
  background-color: rgba(0, 0, 0, 0.04);
  color: rgba(0, 0, 0, 0.12);
}
.blue-theme-checkbox-disabled .blue-theme-checkbox-inner i {
  color: rgba(0, 0, 0, 0.12);
}
.blue-theme-checkbox .blue-theme-checkbox-text {
  font-size: 14px;
}
.blue-theme-checkbox .blue-theme-checkbox-inner {
  font-size: 16px;
}
.blue-theme-checkbox .blue-theme-checkbox-inner .blue-theme-icon {
  font-size: 16px;
}
.blue-theme-checkbox .blue-theme-checkbox-indeterminate-inner {
  top: 5px;
}
.blue-theme-checkbox-large .blue-theme-checkbox-text {
  font-size: 16px;
}
.blue-theme-checkbox-large .blue-theme-checkbox-inner {
  font-size: 18px;
}
.blue-theme-checkbox-large .blue-theme-checkbox-inner .blue-theme-icon {
  font-size: 18px;
}
.blue-theme-checkbox-large .blue-theme-checkbox-indeterminate-inner {
  top: 6px;
}
.blue-theme-checkbox-large .blue-theme-checkbox-text {
  margin-left: 8px;
}
.blue-theme-checkbox-small .blue-theme-checkbox-text {
  font-size: 12px;
}
.blue-theme-checkbox-small .blue-theme-checkbox-inner {
  font-size: 14px;
}
.blue-theme-checkbox-small .blue-theme-checkbox-inner .blue-theme-icon {
  font-size: 14px;
}
.blue-theme-checkbox-small .blue-theme-checkbox-indeterminate-inner {
  top: 4px;
}
.blue-theme-checkbox-small .blue-theme-checkbox-text {
  margin-left: 4px;
}

/* @import "./dropdown-menu.scss";
@import "./dropdown-menu-item.scss"; */
/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
/**
* 基础变量
* 参见: https://km.sankuai.com/page/147289627
**/
/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
.blue-theme-multiple-select-choices {
  text-align: left;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}

.blue-theme-select-placeholder {
  position: absolute;
  z-index: 1;
  top: 0;
  bottom: 0;
  max-width: 100%;
  min-width: 0;
  display: flex;
  align-items: center;
  text-align: left;
  color: rgba(0, 0, 0, 0.24);
}
.blue-theme-select-placeholder > span {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  flex-wrap: wrap;
}

.blue-theme-select-choices {
  overflow: hidden;
}

.blue-theme-select-search-field {
  max-width: 100%;
}

.blue-theme-select-search-line {
  max-width: 100%;
  min-width: 10px;
}

.blue-theme-select-multiple-input {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  min-width: 0;
  min-height: 32px;
  height: 100%;
  min-height: 32px;
}
.blue-theme-select-multiple-input .blue-theme-select-placeholder,
.blue-theme-select-multiple-input .blue-theme-select-search-field {
  min-height: 30px;
  line-height: 30px;
}
.blue-theme-select-multiple-input .blue-theme-select-choice .blue-theme-select-search-field,
.blue-theme-select-multiple-input .blue-theme-select-tags-li {
  line-height: 30px;
}
.blue-theme-select-multiple-input .blue-theme-tag {
  margin-left: 3px;
  margin-top: 3px;
  margin-bottom: 3px;
}
.blue-theme-select-multiple-input.blue-theme-multiple-has-value {
  padding-left: 0;
}
.blue-theme-select-multiple-input .blue-theme-input-suffix-inner {
  transform: translateY(16px) translateY(-55%);
}
.blue-theme-select-multiple-input.blue-theme-input-small {
  min-height: 24px;
}
.blue-theme-select-multiple-input.blue-theme-input-small .blue-theme-select-placeholder,
.blue-theme-select-multiple-input.blue-theme-input-small .blue-theme-select-search-field {
  min-height: 22px;
  line-height: 22px;
}
.blue-theme-select-multiple-input.blue-theme-input-small .blue-theme-select-choice .blue-theme-select-search-field,
.blue-theme-select-multiple-input.blue-theme-input-small .blue-theme-select-tags-li {
  line-height: 22px;
}
.blue-theme-select-multiple-input.blue-theme-input-small .blue-theme-tag {
  margin-left: 1px;
  margin-top: 1px;
  margin-bottom: 1px;
}
.blue-theme-select-multiple-input.blue-theme-input-small.blue-theme-multiple-has-value {
  padding-left: 0;
}
.blue-theme-select-multiple-input.blue-theme-input-small .blue-theme-input-suffix-inner {
  transform: translateY(12px) translateY(-55%);
}
.blue-theme-select-multiple-input.blue-theme-input-large {
  min-height: 40px;
}
.blue-theme-select-multiple-input.blue-theme-input-large .blue-theme-select-placeholder,
.blue-theme-select-multiple-input.blue-theme-input-large .blue-theme-select-search-field {
  min-height: 38px;
  line-height: 38px;
}
.blue-theme-select-multiple-input.blue-theme-input-large .blue-theme-select-choice .blue-theme-select-search-field,
.blue-theme-select-multiple-input.blue-theme-input-large .blue-theme-select-tags-li {
  line-height: 38px;
}
.blue-theme-select-multiple-input.blue-theme-input-large .blue-theme-tag {
  margin-left: 3px;
  margin-top: 3px;
  margin-bottom: 3px;
}
.blue-theme-select-multiple-input.blue-theme-input-large.blue-theme-multiple-has-value {
  padding-left: 0;
}
.blue-theme-select-multiple-input.blue-theme-input-large .blue-theme-input-suffix-inner {
  transform: translateY(20px) translateY(-55%);
}

.blue-theme-select-multiple-mirror {
  position: absolute;
  z-index: 1;
  visibility: hidden;
  z-index: -1;
  white-space: pre;
  top: 0;
  left: 0;
}

.blue-theme-select-tags-popper {
  padding: 2px !important;
}
.blue-theme-select-tags-popper > div {
  max-height: 40vh;
  overflow: auto;
}
.blue-theme-select-tags-popper .blue-theme-select-choice {
  overflow: hidden;
  margin: 2px;
}
.blue-theme-select-tags-popper .blue-theme-select-choice .blue-theme-tag {
  max-width: none;
  height: auto;
  overflow: unset;
  text-overflow: unset;
  white-space: unset;
}
.blue-theme-select-tags-popper .blue-theme-select-choice .blue-theme-tag-content {
  display: inline-block;
  overflow: unset;
  text-overflow: unset;
  white-space: unset;
}
.blue-theme-select-tags-popper .blue-theme-select-tags-ul {
  margin: 4px 8px;
}

.blue-theme-select-multiple-input-test {
  opacity: 0;
  height: 40px;
  width: 5000px;
  position: fixed;
  top: -500px;
  display: flex;
}

.blue-theme-select {
  position: relative;
  display: inline-block;
  vertical-align: top;
  width: 180px;
  text-align: left;
  cursor: pointer;
  /* .blue-theme-input-suffix-inner {

    >.blue-theme-icon-down,
    >.blue-theme-icon-down-thick {
      display: inline-block;
      transition: transform 0.3s;
      transform: rotate(0deg);

      &.blue-theme-icon-down-reverse {
        transform: rotate(180deg);
      }
    }
  } */
  /* &-choices {
    margin: $s-1 0;
  } */
  /*   &-tags-li {
    float: right;
    line-height: $input-height - 2px;
    font-size: $font-size-1;
    color: $select-tags-text-color;
    text-align: left;
  } */
}
.blue-theme-select .blue-theme-input-wrapper {
  width: 100%;
  vertical-align: top;
}
.blue-theme-select .blue-theme-input {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  cursor: pointer;
}
.blue-theme-select .blue-theme-input-readonly {
  background-color: white;
}
.blue-theme-select input {
  font-size: 14px;
}
.blue-theme-select-large {
  width: 200px;
}
.blue-theme-select-large input {
  font-size: 16px;
}
.blue-theme-select-large .blue-theme-select-tags .blue-theme-input-suffix-inner {
  width: 40px;
  line-height: 40px;
  font-size: 18px;
}
.blue-theme-select-large .blue-theme-tag-large {
  height: 32px;
  line-height: 30px;
}
.blue-theme-select-small {
  width: 160px;
}
.blue-theme-select-small input {
  font-size: 12px;
}
.blue-theme-select-small .blue-theme-select-tags .blue-theme-input-suffix-inner {
  width: 24px;
  line-height: 24px;
  font-size: 14px;
}
.blue-theme-select-disabled,
.blue-theme-select .blue-theme-input-disabled,
.blue-theme-select .blue-theme-input-disabled .blue-theme-input {
  cursor: not-allowed;
}
.blue-theme-select-search-focus {
  /* .blue-theme-input-suffix-inner {

    >.blue-theme-icon-down,
    >.blue-theme-icon-down-thick {
      transform: rotate(180deg);
    }
  } */
}
.blue-theme-select-search-focus .blue-theme-input-wrapper {
  border-color: #0A70F5;
}
.blue-theme-select-group-wrap {
  position: relative;
  list-style: none;
  margin: 0;
  padding: 0;
  margin-top: 8px;
}
.blue-theme-select-group-title {
  font-size: 12px;
  line-height: 24px;
  color: rgba(0, 0, 0, 0.35);
  letter-spacing: 0;
  margin-bottom: 4px;
  padding: 0 12px;
}
.blue-theme-select-group {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.blue-theme-select-selected-check {
  float: right;
  line-height: inherit;
  color: inherit;
}
.blue-theme-select-dropdown-empty, .blue-theme-select-dropdown-loading {
  text-align: center;
  color: rgba(0, 0, 0, 0.35);
}
.blue-theme-select-multiple {
  border: 1px solid rgba(0, 0, 0, 0.12);
  border-radius: 6px;
}
.blue-theme-select-multiple-input {
  padding-left: 8px;
  padding-right: 8px;
}
.blue-theme-select-multiple-input .blue-theme-tag-content {
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.blue-theme-select-multiple-line {
  border-width: 0;
  border-bottom-width: 1px;
}
.blue-theme-select-multiple-invalid {
  border-color: #f5483b;
}
.blue-theme-select-multiple-focus {
  border-color: #0A70F5;
}
.blue-theme-select-multiple .blue-theme-select-input {
  position: absolute;
  z-index: 1;
  z-index: 0;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  max-width: 100%;
  line-height: 1;
}
.blue-theme-select-multiple .blue-theme-select-input .blue-theme-input {
  border: none;
}
.blue-theme-select-tags {
  padding-left: 4px;
  padding-right: 32px;
  position: relative;
  z-index: 2;
}
.blue-theme-select-tags-text {
  line-height: 30px;
  font-size: 12px;
  color: rgba(0, 0, 0, 0.2);
  text-align: left;
  margin-left: 2px;
}
.blue-theme-select-tags-ul {
  list-style: none;
  padding: 0;
  margin: 0;
  overflow: hidden;
  max-width: 100%;
  max-height: 300px;
  overflow-y: auto;
}
.blue-theme-select-search-line {
  display: inline-block;
  line-height: 1;
}
.blue-theme-select-choice {
  display: flex;
  align-items: center;
  float: left;
  font-size: 0;
  max-width: 100%;
}
.blue-theme-select-search-field-wrap {
  display: inline-block;
}
.blue-theme-select-search-field {
  line-height: 30px;
  border: none;
  outline: none;
  padding: 0;
  margin: 0;
  background-color: transparent;
}
.blue-theme-select-tags .blue-theme-input-suffix-inner {
  width: 32px;
  line-height: 32px;
  font-size: 16px;
}
.blue-theme-select-no-matched, .blue-theme-select-loading, .blue-theme-select-empty {
  padding: 4px;
  height: 100px;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.35);
  letter-spacing: 0;
  line-height: 22px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.blue-theme-select-allow-create {
  cursor: pointer;
  text-decoration: none;
}
.blue-theme-select .blue-theme-select-input-readonly {
  background-color: inherit;
  color: inherit;
}

.no-padding {
  padding: 0;
}

.blue-theme-pager {
  user-select: none;
  list-style: none;
  display: inline-block;
  vertical-align: top;
  font-size: 0;
  padding: 0;
  margin-left: -8px;
  color: rgba(0, 0, 0, 0.9);
}
.blue-theme-pager-item {
  font-size: 14px;
  min-width: 32px;
  height: 32px;
  line-height: 30px;
  margin-left: 8px;
  border: 1px solid rgba(0, 0, 0, 0.12);
  border-radius: 6px;
  padding: 0px 4px;
  display: inline-block;
  cursor: pointer;
  background: #fff;
  text-align: center;
  vertical-align: top;
  transition: all 0.3s;
}
.blue-theme-pager-item:last-child {
  margin-left: 4px;
}
.blue-theme-pager-item:nth-child(2) {
  margin-left: 4px;
}
.blue-theme-pager-item.blue-theme-pager-prev, .blue-theme-pager-item.blue-theme-pager-quickprev, .blue-theme-pager-item.blue-theme-pager-next, .blue-theme-pager-item.blue-theme-pager-quicknext {
  font-size: 20px;
}
.blue-theme-pager-prev, .blue-theme-pager-next, .blue-theme-pager-simple-item {
  color: rgba(0, 0, 0, 0.5);
  border-width: 0;
}
.blue-theme-pager-prev:hover, .blue-theme-pager-prev.hover, .blue-theme-pager-prev:focus, .blue-theme-pager-next:hover, .blue-theme-pager-next.hover, .blue-theme-pager-next:focus, .blue-theme-pager-simple-item:hover, .blue-theme-pager-simple-item.hover, .blue-theme-pager-simple-item:focus {
  background: rgba(0, 0, 0, 0.04);
}
.blue-theme-pager-prev:active, .blue-theme-pager-next:active, .blue-theme-pager-simple-item:active {
  background: rgba(0, 0, 0, 0.06);
}
.blue-theme-pager-quickprev, .blue-theme-pager-quicknext {
  border: none;
  line-height: 32px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  /* background-color: transparent; */
}
.blue-theme-pager-quickprev:hover, .blue-theme-pager-quickprev.hover, .blue-theme-pager-quickprev:focus, .blue-theme-pager-quicknext:hover, .blue-theme-pager-quicknext.hover, .blue-theme-pager-quicknext:focus {
  background: rgba(0, 0, 0, 0.04);
}
.blue-theme-pager-quickprev:active, .blue-theme-pager-quicknext:active {
  background: rgba(0, 0, 0, 0.06);
}
.blue-theme-pager-active {
  border: 1px solid #4D97FF;
  background: #fff;
  color: #0A70F5;
  font-weight: 400;
  cursor: default;
}
.blue-theme-pager-active:hover, .blue-theme-pager-active.hover, .blue-theme-pager-active:focus {
  border-color: #4D97FF;
  background: #fff;
  color: #0A70F5;
}
.blue-theme-pager-disabled, .blue-theme-pager-disabled:hover, .blue-theme-pager-disabled.hover, .blue-theme-pager-disabled:focus {
  cursor: not-allowed;
  background-color: transparent;
  color: rgba(0, 0, 0, 0.25);
}
.blue-theme-pager-small {
  margin-left: -8px;
}
.blue-theme-pager-small .blue-theme-pager-item {
  font-size: 12px;
  min-width: 24px;
  height: 24px;
  line-height: 22px;
  margin-left: 8px;
}
.blue-theme-pager-small .blue-theme-pager-item:last-child {
  margin-left: 4px;
}
.blue-theme-pager-small .blue-theme-pager-item:nth-child(2) {
  margin-left: 4px;
}
.blue-theme-pager-small .blue-theme-pager-item.blue-theme-pager-prev, .blue-theme-pager-small .blue-theme-pager-item.blue-theme-pager-quickprev, .blue-theme-pager-small .blue-theme-pager-item.blue-theme-pager-next, .blue-theme-pager-small .blue-theme-pager-item.blue-theme-pager-quicknext {
  font-size: 16px;
}
.blue-theme-pager-small .blue-theme-pager-quickprev,
.blue-theme-pager-small .blue-theme-pager-quicknext {
  min-width: auto;
  line-height: 24px;
}
.blue-theme-pager-small .blue-theme-pager-simple-span {
  font-size: 24px;
}
.blue-theme-pager-small .blue-theme-pager-simple-item {
  line-height: 24px;
  height: 24px;
  vertical-align: top;
}
.blue-theme-pager-small .blue-theme-pager-simple-item .blue-theme-pager-simple-input {
  width: 24px;
}
.blue-theme-pager-unborder .blue-theme-pager-item {
  border: 1px solid transparent;
}
.blue-theme-pager-simple-item {
  font-size: 14px;
  min-width: 32px;
  height: 32px;
  line-height: 30px;
  margin-left: 8px;
  display: inline-block;
  padding: 0 7px;
  color: rgba(0, 0, 0, 0.9);
  border-radius: 6px;
  cursor: pointer;
}
.blue-theme-pager-simple-item:last-child {
  margin-left: 4px;
}
.blue-theme-pager-simple-item:nth-child(2) {
  margin-left: 4px;
}
.blue-theme-pager-simple-item.blue-theme-pager-prev, .blue-theme-pager-simple-item.blue-theme-pager-quickprev, .blue-theme-pager-simple-item.blue-theme-pager-next, .blue-theme-pager-simple-item.blue-theme-pager-quicknext {
  font-size: 20px;
}
.blue-theme-pager-simple-item .blue-theme-pager-simple-input {
  margin-left: 0;
  margin-right: 4px;
}
.blue-theme-pager-simple-popper {
  padding: 0;
}
.blue-theme-pager-simple-popper .blue-theme-dropdown-menu {
  min-width: 48px;
  max-height: 170px;
  width: 48px;
}
.blue-theme-pager-simple-popper .blue-theme-dropdown-menu-item {
  text-align: center;
}
.blue-theme-pager-simple-popper .blue-theme-dropdown-menu-item-selected {
  font-weight: 400;
}
.blue-theme-pager-simple-popper .blue-theme-dropdown-menu::-webkit-scrollbar {
  width: 0;
}
.blue-theme-pager-simple-popper .blue-theme-dropdown-menu .blue-theme-virtual-container::-webkit-scrollbar {
  width: 0;
}

.blue-theme-pagination {
  font-size: 14px;
  color: rgba(0, 0, 0, 0.9);
  /* .blue-theme-input-wrapper {
    border-color: $pagination-border-color
  } */
}
.blue-theme-pagination-border .blue-theme-pager-number:not(.blue-theme-pager-active):hover, .blue-theme-pagination-border .blue-theme-pager-number:not(.blue-theme-pager-active).hover, .blue-theme-pagination-border .blue-theme-pager-number:not(.blue-theme-pager-active):focus, .blue-theme-pagination-fullfill .blue-theme-pager-number:not(.blue-theme-pager-active):hover, .blue-theme-pagination-fullfill .blue-theme-pager-number:not(.blue-theme-pager-active).hover, .blue-theme-pagination-fullfill .blue-theme-pager-number:not(.blue-theme-pager-active):focus {
  color: #4D97FF;
  border-color: #4D97FF;
}
.blue-theme-pagination-border .blue-theme-pager-number:not(.blue-theme-pager-active):active, .blue-theme-pagination-fullfill .blue-theme-pager-number:not(.blue-theme-pager-active):active {
  color: #0049bf;
  border-color: #0049bf;
  background: #F4F5F7;
}
.blue-theme-pagination-fullfill .blue-theme-pager-active {
  color: #fff;
  background-color: #0A70F5;
  border-color: #0A70F5;
}
.blue-theme-pagination-unborder .blue-theme-pager-number:not(.blue-theme-pager-active):hover, .blue-theme-pagination-unborder .blue-theme-pager-number:not(.blue-theme-pager-active).hover, .blue-theme-pagination-unborder .blue-theme-pager-number:not(.blue-theme-pager-active):focus {
  color: #4D97FF;
  background-color: transparent;
}
.blue-theme-pagination-unborder .blue-theme-pager-number:not(.blue-theme-pager-active):active {
  color: #0049bf;
  background-color: transparent;
}
.blue-theme-pagination-unborder .blue-theme-pager-active {
  color: #005ADE;
  background-color: #EFF8FF;
  border-color: transparent;
}
.blue-theme-pagination-options, .blue-theme-pagination-jumper {
  display: inline-block;
  margin-left: 16px;
}
.blue-theme-pagination-total {
  margin-right: 8px;
}
.blue-theme-pagination-total {
  color: rgba(0, 0, 0, 0.35);
  line-height: 32px;
}
.blue-theme-pagination-jumper-input {
  width: 40px;
  height: 32px;
  color: rgba(0, 0, 0, 0.9);
  border-radius: 6px;
  border: 1px solid rgba(0, 0, 0, 0.12);
  padding: 0px 4px;
  margin-left: 8px;
  background-color: #fff;
  font-size: inherit;
  text-align: center;
  -webkit-appearance: none;
  background-image: none;
  box-sizing: border-box;
  display: inline-block;
  outline: none;
}
.blue-theme-pagination-jumper-input:hover, .blue-theme-pagination-jumper-input.hover, .blue-theme-pagination-jumper-input:focus, .blue-theme-pagination-jumper-input:active, .blue-theme-pagination-jumper-input.active {
  border-color: #4D97FF;
}
.blue-theme-pagination-jumper-input::-webkit-inner-spin-button, .blue-theme-pagination-jumper-input::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.blue-theme-pagination-small {
  font-size: 12px;
}
.blue-theme-pagination-small .blue-theme-pagination-total,
.blue-theme-pagination-small .blue-theme-pagination-options {
  margin-left: 8px;
}
.blue-theme-pagination-small .blue-theme-pagination-total {
  line-height: 24px;
}
.blue-theme-pagination-small .blue-theme-pagination-jumper {
  margin-left: 8px;
}
.blue-theme-pagination-small .blue-theme-pagination-jumper-input {
  width: 40px;
  height: 24px;
  margin-left: 4px;
}
.blue-theme-pagination .blue-theme-select {
  width: 100px;
}

.blue-theme-pager-simple-popper {
  padding: 0;
}
.blue-theme-pager-simple-popper .blue-theme-dropdown-menu {
  min-width: 48px;
  max-height: 170px;
  width: 48px;
}
.blue-theme-pager-simple-popper .blue-theme-dropdown-menu-item {
  text-align: center;
}
.blue-theme-pager-simple-popper .blue-theme-dropdown-menu-item-selected {
  font-weight: 400;
}
.blue-theme-pager-simple-popper .blue-theme-dropdown-menu::-webkit-scrollbar {
  width: 0;
}
.blue-theme-pager-simple-popper .blue-theme-dropdown-menu .blue-theme-virtual-container::-webkit-scrollbar {
  width: 0;
}

/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
/**
* 基础变量
* 参见: https://km.sankuai.com/page/147289627
**/
/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
.blue-theme-affix {
  position: fixed;
  z-index: 1900;
}

/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
/**
* 基础变量
* 参见: https://km.sankuai.com/page/147289627
**/
/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
/**
* 基础变量
* 参见: https://km.sankuai.com/page/147289627
**/
/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
.blue-theme-affix {
  position: fixed;
  z-index: 1900;
}

.blue-theme-anchor {
  font-size: 12px;
  line-height: 20px;
}
.blue-theme-anchor-wrapper {
  overflow: auto;
  padding-left: 4px;
  margin-left: -4px;
}
.blue-theme-anchor {
  position: relative;
  padding-left: 2px;
}
.blue-theme-anchor-ink {
  position: absolute;
  z-index: 1;
  height: 100%;
  left: 0;
  top: 0;
}
.blue-theme-anchor-ink:before {
  content: " ";
  position: relative;
  width: 2px;
  height: 100%;
  display: block;
  background-color: rgba(0, 0, 0, 0.06);
  margin: 0 auto;
}
.blue-theme-anchor-ink-ball {
  display: inline-block;
  position: absolute;
  z-index: 1;
  width: 2px;
  height: 20px;
  background: #0A70F5;
  left: 50%;
  transition: top 0.2s ease-in-out;
  transform: translate3d(-50%, 0px, 0px);
}
.blue-theme-anchor-ink-right {
  left: auto;
  right: 0;
}
.blue-theme-anchor.fixed .blue-theme-anchor-ink .blue-theme-anchor-ink-ball {
  display: none;
}
.blue-theme-anchor-link {
  padding: 4px 0 4px 12px;
  text-align: left;
}
.blue-theme-anchor-link-right {
  padding-right: 12px;
  padding-left: 0;
  text-align: right;
}
.blue-theme-anchor-link:nth-child(2) {
  padding-top: 0;
}
.blue-theme-anchor-link:last-child {
  padding-bottom: 0;
}
.blue-theme-anchor-link-title {
  display: block;
  position: relative;
  transition: all 0.3s;
  color: rgba(0, 0, 0, 0.9);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-bottom: 4px;
}
.blue-theme-anchor-link-title:only-child {
  margin-bottom: 0;
}
.blue-theme-anchor-link-title:hover, .blue-theme-anchor-link-title.hover {
  text-decoration: none;
  color: #0A70F5;
  font-weight: 400;
}
.blue-theme-anchor-link-active > .blue-theme-anchor-link-title {
  color: #0A70F5;
  font-weight: 500;
}
.blue-theme-anchor-link .blue-theme-anchor-link {
  padding-top: 4px;
  padding-bottom: 4px;
}
.blue-theme-anchor-link .blue-theme-anchor-link:last-child {
  padding-bottom: 0px;
}

/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
/**
* 基础变量
* 参见: https://km.sankuai.com/page/147289627
**/
/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
/**
* 基础变量
* 参见: https://km.sankuai.com/page/147289627
**/
/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
.blue-theme-container {
  display: flex;
  flex-direction: row;
  flex: 1 1 auto;
  box-sizing: border-box;
  min-width: 0;
}
.blue-theme-container-vertical {
  flex-direction: column;
} /*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
/**
* 基础变量
* 参见: https://km.sankuai.com/page/147289627
**/
.blue-theme-header {
  padding: 0 20px;
  box-sizing: border-box;
  flex-shrink: 0;
}

/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
/**
* 基础变量
* 参见: https://km.sankuai.com/page/147289627
**/
.blue-theme-footer {
  padding: 0 20px;
  box-sizing: border-box;
  flex-shrink: 0;
}

/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
.blue-theme-aside {
  overflow: auto;
  box-sizing: border-box;
  flex-shrink: 0;
}

/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
/**
* 基础变量
* 参见: https://km.sankuai.com/page/147289627
**/
.blue-theme-main {
  display: block;
  flex: 1 1 auto;
  overflow: auto;
  box-sizing: border-box;
  padding: 20px;
}

/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
/**
* 基础变量
* 参见: https://km.sankuai.com/page/147289627
**/
/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
/**
* 基础变量
* 参见: https://km.sankuai.com/page/147289627
**/
/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
@keyframes mtd-btn-rotate {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(360deg);
  }
}
.blue-theme-btn {
  box-sizing: border-box;
  white-space: nowrap;
  -webkit-appearance: none;
  cursor: pointer;
  outline: none;
  text-align: center;
  font-weight: 500;
  user-select: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  vertical-align: top;
  position: relative;
  transition: all 0.3s;
  color: rgba(0, 0, 0, 0.9);
  background: #fff;
  border: 1px solid #e0e0e0;
  min-width: 32px;
  height: 32px;
  padding: 0 12px;
  font-size: 14px;
  border-radius: 6px;
}
.blue-theme-btn:hover, .blue-theme-btn.hover {
  color: rgba(0, 0, 0, 0.9);
  border-color: #e0e0e0;
  background-color: rgba(0, 0, 0, 0.04);
  text-decoration: none;
}
.blue-theme-btn:active, .blue-theme-btn.active {
  color: rgba(0, 0, 0, 0.9);
  border-color: #e0e0e0;
  background-color: rgba(0, 0, 0, 0.12);
}
.blue-theme-btn.blue-theme-btn-disabled {
  color: rgba(0, 0, 0, 0.25);
  border-color: #e0e0e0;
  background: rgba(0, 0, 0, 0.04);
  opacity: 1;
  cursor: not-allowed;
}
.blue-theme-btn.blue-theme-btn-disabled .blue-theme-btn-before {
  color: currentColor;
}
.blue-theme-btn-loading {
  pointer-events: none;
}
.blue-theme-btn-before {
  display: inline-flex;
  vertical-align: top;
  align-items: center;
  height: 100%;
}
.blue-theme-btn-before .blue-theme-badge {
  line-height: 1;
}
.blue-theme-btn-spin {
  width: 1em;
  height: 1em;
  border: 1px solid transparent;
  border-top-color: currentColor;
  border-right-color: currentColor;
  border-radius: 50%;
  animation: mtd-btn-rotate linear 1s infinite;
}
.blue-theme-btn .blue-theme-btn-before {
  margin-right: 4px;
  font-size: 16px;
  width: 1em;
}
.blue-theme-btn.blue-theme-btn-text-primary {
  height: 22px;
}
.blue-theme-btn-small {
  min-width: 24px;
  height: 24px;
  padding: 0 8px;
  font-size: 12px;
  border-radius: 4px;
}
.blue-theme-btn-small .blue-theme-btn-before {
  margin-right: 4px;
  font-size: 14px;
  width: 1em;
}
.blue-theme-btn-small.blue-theme-btn-text-primary {
  height: 20px;
}
.blue-theme-btn-large {
  min-width: 40px;
  height: 40px;
  padding: 0 20px;
  font-size: 14px;
  border-radius: 6px;
}
.blue-theme-btn-large .blue-theme-btn-before {
  margin-right: 4px;
  font-size: 16px;
  width: 1em;
}
.blue-theme-btn-large.blue-theme-btn-text-primary {
  height: 22px;
}
.blue-theme-btn-primary {
  color: #fff;
  background: #0A70F5;
  border-color: #0A70F5;
  /* &.blue-theme-btn-loading {
    color: $color;
    background: $activeBgc;
    border-color: $activeBorderColor;
  } */
}
.blue-theme-btn-primary:hover, .blue-theme-btn-primary.hover, .blue-theme-btn-primary:focus {
  color: #fff;
  background: #2A8EFE;
  border-color: #2A8EFE;
}
.blue-theme-btn-primary:active, .blue-theme-btn-primary.active {
  color: #fff;
  background: #005ADE;
  border-color: #005ADE;
}
.blue-theme-btn-primary .blue-theme-btn-before {
  color: currentColor;
}
.blue-theme-btn-primary.blue-theme-btn-disabled {
  color: rgba(0, 0, 0, 0.25);
  background: rgba(0, 0, 0, 0.04);
  border-color: #e0e0e0;
  opacity: 1;
}
.blue-theme-btn-primary.blue-theme-btn-ghost {
  background: transparent;
  color: #0A70F5;
  border-color: #0A70F5;
  /* &.blue-theme-btn-loading {
    color: $activeBorderColor;
    background: transparent;
    border-color: $activeBorderColor;
  } */
}
.blue-theme-btn-primary.blue-theme-btn-ghost:hover, .blue-theme-btn-primary.blue-theme-btn-ghost:focus {
  background: rgba(10, 112, 245, 0.12);
  color: #0A70F5;
  border-color: #0A70F5;
}
.blue-theme-btn-primary.blue-theme-btn-ghost:active {
  background: rgba(10, 112, 245, 0.24);
  color: #0A70F5;
  border-color: #0A70F5;
}
.blue-theme-btn-primary.blue-theme-btn-ghost.blue-theme-btn-disabled {
  color: rgba(0, 0, 0, 0.25);
  background: rgba(0, 0, 0, 0.04);
  border-color: #e0e0e0;
}
.blue-theme-btn-primary.blue-theme-btn-disabled {
  border: none;
  border-width: 0;
}
.blue-theme-btn-success {
  color: #fff;
  background: #00ba73;
  border-color: #00ba73;
  /* &.blue-theme-btn-loading {
    color: $color;
    background: $activeBgc;
    border-color: $activeBorderColor;
  } */
}
.blue-theme-btn-success:hover, .blue-theme-btn-success.hover, .blue-theme-btn-success:focus {
  color: #fff;
  background: #3dd999;
  border-color: #3dd999;
}
.blue-theme-btn-success:active, .blue-theme-btn-success.active {
  color: #fff;
  background: #009155;
  border-color: #009155;
}
.blue-theme-btn-success .blue-theme-btn-before {
  color: currentColor;
}
.blue-theme-btn-success.blue-theme-btn-disabled {
  color: rgba(0, 0, 0, 0.25);
  background: rgba(0, 0, 0, 0.04);
  border-color: #e0e0e0;
  opacity: 1;
}
.blue-theme-btn-success.blue-theme-btn-ghost {
  background: transparent;
  color: #00ba73;
  border-color: #00ba73;
  /* &.blue-theme-btn-loading {
    color: $activeBorderColor;
    background: transparent;
    border-color: $activeBorderColor;
  } */
}
.blue-theme-btn-success.blue-theme-btn-ghost:hover, .blue-theme-btn-success.blue-theme-btn-ghost:focus {
  background: rgba(0, 186, 115, 0.12);
  color: #00ba73;
  border-color: #00ba73;
}
.blue-theme-btn-success.blue-theme-btn-ghost:active {
  background: rgba(0, 186, 115, 0.24);
  color: #00ba73;
  border-color: #00ba73;
}
.blue-theme-btn-success.blue-theme-btn-ghost.blue-theme-btn-disabled {
  color: rgba(0, 0, 0, 0.25);
  background: rgba(0, 0, 0, 0.04);
  border-color: #e0e0e0;
}
.blue-theme-btn-success.blue-theme-btn-disabled {
  border: none;
  border-width: 0;
}
.blue-theme-btn-warning {
  color: #fff;
  background: #ff9d00;
  border-color: #ff9d00;
  /* &.blue-theme-btn-loading {
    color: $color;
    background: $activeBgc;
    border-color: $activeBorderColor;
  } */
}
.blue-theme-btn-warning:hover, .blue-theme-btn-warning.hover, .blue-theme-btn-warning:focus {
  color: #fff;
  background: #ffc152;
  border-color: #ffc152;
}
.blue-theme-btn-warning:active, .blue-theme-btn-warning.active {
  color: #fff;
  background: #c76a00;
  border-color: #c76a00;
}
.blue-theme-btn-warning .blue-theme-btn-before {
  color: currentColor;
}
.blue-theme-btn-warning.blue-theme-btn-disabled {
  color: rgba(0, 0, 0, 0.25);
  background: rgba(0, 0, 0, 0.04);
  border-color: #e0e0e0;
  opacity: 1;
}
.blue-theme-btn-warning.blue-theme-btn-ghost {
  background: transparent;
  color: #ff9d00;
  border-color: #ff9d00;
  /* &.blue-theme-btn-loading {
    color: $activeBorderColor;
    background: transparent;
    border-color: $activeBorderColor;
  } */
}
.blue-theme-btn-warning.blue-theme-btn-ghost:hover, .blue-theme-btn-warning.blue-theme-btn-ghost:focus {
  background: rgba(255, 157, 0, 0.12);
  color: #ff9d00;
  border-color: #ff9d00;
}
.blue-theme-btn-warning.blue-theme-btn-ghost:active {
  background: rgba(255, 157, 0, 0.24);
  color: #ff9d00;
  border-color: #ff9d00;
}
.blue-theme-btn-warning.blue-theme-btn-ghost.blue-theme-btn-disabled {
  color: rgba(0, 0, 0, 0.25);
  background: rgba(0, 0, 0, 0.04);
  border-color: #e0e0e0;
}
.blue-theme-btn-warning.blue-theme-btn-disabled {
  border: none;
  border-width: 0;
}
.blue-theme-btn-danger {
  color: #fff;
  background: #f5483b;
  border-color: #f5483b;
  /* &.blue-theme-btn-loading {
    color: $color;
    background: $activeBgc;
    border-color: $activeBorderColor;
  } */
}
.blue-theme-btn-danger:hover, .blue-theme-btn-danger.hover, .blue-theme-btn-danger:focus {
  color: #fff;
  background: #ff7d7a;
  border-color: #ff7d7a;
}
.blue-theme-btn-danger:active, .blue-theme-btn-danger.active {
  color: #fff;
  background: #d41e21;
  border-color: #d41e21;
}
.blue-theme-btn-danger .blue-theme-btn-before {
  color: currentColor;
}
.blue-theme-btn-danger.blue-theme-btn-disabled {
  color: rgba(0, 0, 0, 0.25);
  background: rgba(0, 0, 0, 0.04);
  border-color: #e0e0e0;
  opacity: 1;
}
.blue-theme-btn-danger.blue-theme-btn-ghost {
  background: transparent;
  color: #f5483b;
  border-color: #f5483b;
  /* &.blue-theme-btn-loading {
    color: $activeBorderColor;
    background: transparent;
    border-color: $activeBorderColor;
  } */
}
.blue-theme-btn-danger.blue-theme-btn-ghost:hover, .blue-theme-btn-danger.blue-theme-btn-ghost:focus {
  background: rgba(245, 72, 59, 0.12);
  color: #f5483b;
  border-color: #f5483b;
}
.blue-theme-btn-danger.blue-theme-btn-ghost:active {
  background: rgba(245, 72, 59, 0.24);
  color: #f5483b;
  border-color: #f5483b;
}
.blue-theme-btn-danger.blue-theme-btn-ghost.blue-theme-btn-disabled {
  color: rgba(0, 0, 0, 0.25);
  background: rgba(0, 0, 0, 0.04);
  border-color: #e0e0e0;
}
.blue-theme-btn-danger.blue-theme-btn-disabled {
  border: none;
  border-width: 0;
}
.blue-theme-btn-text {
  color: rgba(0, 0, 0, 0.9);
  border-color: transparent !important;
  background-color: transparent;
}
.blue-theme-btn-text:hover, .blue-theme-btn-text.hover, .blue-theme-btn-text:focus, .blue-theme-btn-text:active, .blue-theme-btn-text.active {
  border-color: transparent;
}
.blue-theme-btn-text:hover, .blue-theme-btn-text.hover, .blue-theme-btn-text:focus {
  color: rgba(0, 0, 0, 0.9);
  background-color: rgba(0, 0, 0, 0.06);
}
.blue-theme-btn-text:active, .blue-theme-btn-text.active {
  color: rgba(0, 0, 0, 0.9);
  background-color: rgba(0, 0, 0, 0.12);
}
.blue-theme-btn-text.blue-theme-btn-loading {
  color: rgba(0, 0, 0, 0.9);
}
.blue-theme-btn-text.blue-theme-btn-disabled {
  color: rgba(0, 0, 0, 0.25);
  background-color: transparent;
  opacity: 1;
}
.blue-theme-btn-text .blue-theme-btn-before {
  color: rgba(0, 0, 0, 0.9);
}
.blue-theme-btn-text-primary {
  padding: 0;
  color: #0A70F5;
  border-color: transparent !important;
  background-color: transparent;
}
.blue-theme-btn-text-primary:hover, .blue-theme-btn-text-primary.hover, .blue-theme-btn-text-primary:focus, .blue-theme-btn-text-primary:active, .blue-theme-btn-text-primary.active {
  border-color: transparent;
}
.blue-theme-btn-text-primary:hover, .blue-theme-btn-text-primary.hover, .blue-theme-btn-text-primary:focus {
  color: #2A8EFE;
  background-color: transparent;
}
.blue-theme-btn-text-primary:active, .blue-theme-btn-text-primary.active {
  color: #005ADE;
  background-color: transparent;
}
.blue-theme-btn-text-primary.blue-theme-btn-loading {
  color: #005ADE;
}
.blue-theme-btn-text-primary.blue-theme-btn-disabled {
  color: rgba(0, 0, 0, 0.25);
  background-color: transparent;
  opacity: 1;
}
.blue-theme-btn-text-primary .blue-theme-btn-before {
  color: #0A70F5;
}
.blue-theme-btn-panel {
  background-color: rgba(0, 0, 0, 0.06);
  border: none;
  border-width: 0;
}
.blue-theme-btn-panel:hover {
  background-color: rgba(0, 0, 0, 0.04);
}
.blue-theme-btn-panel:active {
  background-color: #e0e0e0;
}
.blue-theme-btn-dashed {
  border-style: dashed;
}
.blue-theme-btn-circle {
  border-radius: 50%;
}
.blue-theme-btn-only-icon {
  padding: 0;
}
.blue-theme-btn.blue-theme-btn-loading .blue-theme-btn-before {
  padding: 1px;
  font-size: 14px;
  width: 16px;
}
.blue-theme-btn.blue-theme-btn-loading.blue-theme-btn-small .blue-theme-btn-before {
  padding: 1px;
  font-size: 12px;
  width: 12px;
}
.blue-theme-btn.blue-theme-btn-loading.blue-theme-btn-large .blue-theme-btn-before {
  padding: 1px;
  font-size: 14px;
  width: 16px;
}

.blue-theme-input-search-button {
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
}
.blue-theme-input-search-enter-button .blue-theme-input-search-input-wrapper,
.blue-theme-input-search-enter-button .blue-theme-input-search-input {
  border-right: none;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
}

.blue-theme-popconfirm {
  padding: 12px 12px;
}
.blue-theme-popconfirm-inner {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  margin-bottom: 12px;
}
.blue-theme-popconfirm-content {
  flex: 1;
  min-width: 0;
}
.blue-theme-popconfirm-actions {
  text-align: right;
}
.blue-theme-popconfirm-actions .blue-theme-btn {
  margin-left: 8px;
}
.blue-theme-popconfirm-icon {
  color: #f5483b;
}

/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
/**
* 基础变量
* 参见: https://km.sankuai.com/page/147289627
**/
/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
.blue-theme-file {
  position: relative;
  vertical-align: top;
}
.blue-theme-file:hover {
  background-color: rgba(0, 0, 0, 0.04);
}
.blue-theme-file-type-panel {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 8px;
  height: 60px;
  border: 1px solid rgba(0, 0, 0, 0.12);
  border-radius: 6px;
}
.blue-theme-file-type-filled-panel {
  border: none;
  background-color: rgba(0, 0, 0, 0.04);
}
.blue-theme-file-type-filled-panel:hover {
  background-color: rgba(0, 0, 0, 0.06);
}
.blue-theme-file-type-filled-panel.blue-theme-file-fail {
  background-color: #fff2f0;
}
.blue-theme-file-type-picture-card {
  border-radius: 10px;
  background-color: rgba(0, 0, 0, 0.02);
  box-sizing: border-box;
  width: 100px;
  height: 100px;
  display: inline-flex;
}
.blue-theme-file-type-picture-card.blue-theme-file-fail > div {
  border-color: #ff4a47;
}
.blue-theme-file-type-picture-card .blue-theme-file-thumbnail {
  height: 100%;
  width: 100%;
}
.blue-theme-file-type-picture-card > div {
  height: 100%;
  width: 100%;
  overflow: hidden;
  border-radius: 6px;
  border: 1px solid rgba(0, 0, 0, 0.12);
  background-color: rgba(0, 0, 0, 0.02);
}
.blue-theme-file-type-picture-card-uploading {
  height: 100%;
  width: 100%;
  padding: 8px;
  font-size: 12px;
  color: rgba(0, 0, 0, 0.9);
  display: inline-flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
}
.blue-theme-file-type-picture-card:hover .blue-theme-file-pic-actions {
  display: inline-flex;
}
.blue-theme-file-content {
  text-align: left;
  flex-grow: 1;
  padding: 0 8px;
  overflow: hidden;
}
.blue-theme-file-title {
  color: rgba(0, 0, 0, 0.9);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.blue-theme-file-msg {
  font-size: 12px;
  color: rgba(0, 0, 0, 0.35);
  display: inline-flex;
  align-items: center;
}
.blue-theme-file-msg > span:not(:last-child) {
  margin-right: 8px;
}
.blue-theme-file-icon {
  height: 100%;
  display: inline-flex;
}
.blue-theme-file-icon > i {
  font-size: 16px;
  color: rgba(0, 0, 0, 0.9);
  cursor: pointer;
  margin-left: 12px;
  transition: all;
}
.blue-theme-file-icon > i:hover {
  font-weight: 600;
}
.blue-theme-file-fail {
  border-color: #FFD4CC;
}
.blue-theme-file-fail .blue-theme-file-msg {
  color: #ff4a47;
}
.blue-theme-file-pic-actions {
  height: 24px;
  position: absolute;
  z-index: 1;
  top: -6px;
  right: -6px;
  display: flex;
  z-index: 1;
  display: none;
}
.blue-theme-file-pic-actions > div {
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  font-size: 14px;
  color: #fff;
  background-color: #4c4c4c;
}
.blue-theme-file-pic-actions > div:hover {
  background-color: #616161;
}
.blue-theme-file-pic-actions > div:last-child {
  border-bottom-right-radius: 12px;
  border-top-right-radius: 12px;
}
.blue-theme-file-pic-actions > div:last-child i {
  margin-right: 4px;
}
.blue-theme-file-pic-actions > div:first-child {
  border-bottom-left-radius: 12px;
  border-top-left-radius: 12px;
}
.blue-theme-file-pic-actions > div:first-child i {
  margin-left: 4px;
}
.blue-theme-file-pic {
  border-radius: 4px;
  border: 1px solid rgba(0, 0, 0, 0.04);
  background-size: 100% 100%;
}

/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
/**
* 基础变量
* 参见: https://km.sankuai.com/page/147289627
**/
/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
/**
* 基础变量
* 参见: https://km.sankuai.com/page/147289627
**/
/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
.blue-theme-progress {
  display: inline-flex;
  align-items: center;
  color: #0A70F5;
  line-height: 1;
}
.blue-theme-progress-bar {
  display: inline-block;
  width: 100%;
  /*     padding-right: $progress-text-width;
      margin-right: -$progress-text-width; */
}
.blue-theme-progress-bar-outer {
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.04);
  border-radius: 100px;
}
.blue-theme-progress-bar-inner {
  width: 0%;
  height: 100%;
  max-width: 100%;
  background-color: currentColor;
  border-radius: 100px;
  transition: all 0.3s;
}
.blue-theme-progress-stroke-linecap-square .blue-theme-progress-bar-inner {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.blue-theme-progress-error {
  color: #f5483b;
}
.blue-theme-progress-error .blue-theme-progress-bar-inner {
  background-color: #f5483b;
}
.blue-theme-progress-success {
  color: #00ba73;
}
.blue-theme-progress-success .blue-theme-progress-bar-inner {
  background-color: #00ba73;
}
.blue-theme-progress-text {
  color: rgba(0, 0, 0, 0.9);
  display: inline-block;
  font-size: 14px;
}
.blue-theme-progress-icon {
  display: inline-block;
  font-size: 20px;
}
.blue-theme-progress-line {
  text-align: left;
  width: 100%;
}
.blue-theme-progress-line .blue-theme-progress-percentage {
  display: inline-block;
  margin-left: 12px;
}
.blue-theme-progress-circle circle {
  transition: all 0.3s;
}
.blue-theme-progress-circle .blue-theme-icon-check, .blue-theme-progress-circle .blue-theme-icon-close-thick,
.blue-theme-progress-circle .blue-theme-icon-close {
  font-weight: 1000;
}
.blue-theme-progress-circle-text {
  position: absolute;
  z-index: 1;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: rgba(0, 0, 0, 0.9);
}
.blue-theme-progress-percentage {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
}
.blue-theme-progress-circle .blue-theme-progress-percentage {
  position: absolute;
  z-index: 1;
  top: 50%;
  left: 0;
  width: 100%;
  text-align: center;
  margin: 0;
  transform: translateY(-50%);
  font-size: 14px;
}
.blue-theme-progress-circle {
  display: inline-block;
  position: relative;
}
.blue-theme-progress-circle .blue-theme-progress-icon {
  display: inline;
}
.blue-theme-progress-circle-outer {
  color: rgba(0, 0, 0, 0.04);
  stroke: rgba(0, 0, 0, 0.04);
}
.blue-theme-progress-pie {
  display: inline-block;
  border-radius: 50%;
}
.blue-theme-progress-hide-rate .blue-theme-progress-bar {
  padding-right: 0;
}

.blue-theme-upload {
  display: inline-block;
  text-align: center;
  cursor: pointer;
  outline: none;
  /* 照片墙模式 */
}
.blue-theme-upload-input {
  display: none;
}

.blue-theme-upload [class^=blue-theme-icon-] {
  display: inline-block;
}
.blue-theme-upload-tip {
  font-size: 12px;
  color: rgba(0, 0, 0, 0.35);
  margin-top: 7px;
}
.blue-theme-upload iframe {
  position: absolute;
  z-index: 1;
  z-index: -1;
  top: 0;
  left: 0;
  opacity: 0;
}
.blue-theme-upload-picture-card {
  transition: all 0.3s;
  background-color: rgba(0, 0, 0, 0.04);
  border-radius: 10px;
  box-sizing: border-box;
  width: 100px;
  height: 100px;
  cursor: pointer;
  line-height: 100px;
  vertical-align: top;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.blue-theme-upload-picture-card i {
  font-size: 28px;
}
.blue-theme-upload-picture-card:hover, .blue-theme-upload-picture-card.hover {
  background-color: rgba(0, 0, 0, 0.06);
}
.blue-theme-upload:focus {
  border-color: #0A70F5;
  color: #0A70F5;
}
.blue-theme-upload:focus .blue-theme-upload-dragger {
  border-color: #0A70F5;
}

.blue-theme-upload-dragger {
  background-color: rgba(0, 0, 0, 0.04);
  border-radius: 10px;
  box-sizing: border-box;
  width: 360px;
  height: 180px;
  text-align: center;
  cursor: pointer;
  position: relative;
  overflow: hidden;
  transition: all 0.3s;
}
.blue-theme-upload-dragger .blue-theme-icon-export-o {
  font-size: 36px;
  color: rgba(0, 0, 0, 0.7);
  margin: 40px 0 10px;
  line-height: 50px;
}
.blue-theme-upload-dragger .blue-theme-icon-add {
  display: inline-block;
}
.blue-theme-upload-dragger + .blue-theme-upload-tip {
  text-align: center;
}
.blue-theme-upload-dragger ~ .blue-theme-upload-files {
  border-top: #e0e0e0;
  margin-top: 7px;
  padding-top: 5px;
}
.blue-theme-upload-dragger .blue-theme-upload-text {
  color: rgba(0, 0, 0, 0.7);
  font-size: 14px;
  text-align: center;
}
.blue-theme-upload-dragger:hover, .blue-theme-upload-dragger.hover {
  background-color: rgba(0, 0, 0, 0.06);
}
.blue-theme-upload-dragger-dragover {
  background-color: rgba(32, 159, 255, 0.06);
  border: 2px dashed #0A70F5;
}

.blue-theme-upload-list {
  margin: 0;
  margin-top: 12px;
  padding: 0;
  list-style: none;
}
.blue-theme-upload-list-enter-active, .blue-theme-upload-list-leave-active {
  transition: all 1s;
}
.blue-theme-upload-list-enter, .blue-theme-upload-list-leave-active {
  opacity: 0;
  transform: translateY(-30px);
}
.blue-theme-upload-list-item {
  transition: all 0.5s cubic-bezier(0.55, 0, 0.1, 1);
  font-size: 14px;
  color: rgba(0, 0, 0, 0.35);
  line-height: 22px;
  font-weight: 400;
  margin-top: 5px;
  position: relative;
  box-sizing: border-box;
  border-radius: 2px;
  width: 100%;
  padding-left: 0;
  padding-right: 0;
  background-color: inherit;
}
.blue-theme-upload-list-item .blue-theme-progress {
  position: absolute;
  z-index: 1;
  top: 10px;
  width: 100%;
}
.blue-theme-upload-list-item .blue-theme-upload-list-item-text {
  position: absolute;
  z-index: 1;
  top: 50%;
  width: 100%;
  text-align: left;
  font-size: 12px;
  transform: translate(0%, -50%);
  padding: 0 5px;
}
.blue-theme-upload-list-item .blue-theme-progress-text {
  display: none;
}
.blue-theme-upload-list-item .blue-theme-progress-bar {
  margin-right: 0;
  padding-right: 0;
}
.blue-theme-upload-list-item:first-child {
  margin-top: 10px;
}
.blue-theme-upload-list-item:hover, .blue-theme-upload-list-item.hover {
  background-color: #f5f7fa;
}
.blue-theme-upload-list-item:hover .blue-theme-icon-item-text, .blue-theme-upload-list-item.hover .blue-theme-icon-item-text {
  display: none;
}
.blue-theme-upload-list-item:hover .blue-theme-icon-item-text-hover, .blue-theme-upload-list-item.hover .blue-theme-icon-item-text-hover {
  display: inline-block;
}
.blue-theme-upload-list-item:focus {
  outline: none;
}
.blue-theme-upload-list-item-name {
  color: rgba(0, 0, 0, 0.7);
  display: block;
  margin-right: 40px;
  overflow: hidden;
  padding-left: 4px;
  text-overflow: ellipsis;
  transition: color 0.3s;
  white-space: nowrap;
  cursor: pointer;
}
.blue-theme-upload-list-item-name:hover, .blue-theme-upload-list-item-name.hover {
  color: inherit;
  text-decoration: none;
}
.blue-theme-upload-list-item-name .blue-theme-icon {
  height: 100%;
  margin-right: 7px;
  color: #808AB1;
  line-height: inherit;
  font-size: inherit;
}
.blue-theme-upload-list-item-status-text {
  position: absolute;
  z-index: 1;
  right: 20px;
  top: 3px;
  line-height: inherit;
  background: #abc;
  z-index: 1;
}
.blue-theme-upload-list-item-status-text .blue-theme-icon-item-text,
.blue-theme-upload-list-item-status-text .blue-theme-icon-error-circle,
.blue-theme-upload-list-item-status-text .blue-theme-icon-download-o,
.blue-theme-upload-list-item-status-text .blue-theme-icon-refresh-o {
  color: #00ba73;
  display: inline-block;
  position: absolute;
  z-index: 1;
  cursor: pointer;
  font-size: inherit;
}
.blue-theme-upload-list-item-status-text .blue-theme-icon-item-text:hover, .blue-theme-upload-list-item-status-text .blue-theme-icon-item-text.hover,
.blue-theme-upload-list-item-status-text .blue-theme-icon-error-circle:hover,
.blue-theme-upload-list-item-status-text .blue-theme-icon-error-circle.hover,
.blue-theme-upload-list-item-status-text .blue-theme-icon-download-o:hover,
.blue-theme-upload-list-item-status-text .blue-theme-icon-download-o.hover,
.blue-theme-upload-list-item-status-text .blue-theme-icon-refresh-o:hover,
.blue-theme-upload-list-item-status-text .blue-theme-icon-refresh-o.hover {
  color: inherit;
}
.blue-theme-upload-list-item-status-text .blue-theme-icon-item-text-hover {
  display: none;
  position: absolute;
  z-index: 1;
}
.blue-theme-upload-list-item-status-text .blue-theme-icon-refresh-o {
  right: 15px;
  color: #f5483b;
}
.blue-theme-upload-list-item-status-text .blue-theme-icon-error-circle {
  color: #B5BBD1;
  font-weight: 600;
}
.blue-theme-upload-list-item-status-text .blue-theme-icon-download-o {
  color: #B5BBD1;
  right: 15px;
  font-weight: 600;
}
.blue-theme-upload-list-item-status-text .blue-theme-icon-fail {
  color: #f5483b;
}
.blue-theme-upload-list-picture-card {
  margin: 0;
  display: inline;
  vertical-align: top;
}
.blue-theme-upload-list-picture-card .blue-theme-file-type-picture-card {
  margin: 0 8px 8px 0;
}

/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
/**
* 基础变量
* 参见: https://km.sankuai.com/page/147289627
**/
/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
/**
* 基础变量
* 参见: https://km.sankuai.com/page/147289627
**/
/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
/**
* 基础变量
* 参见: https://km.sankuai.com/page/147289627
**/
/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
.blue-theme-icon-btn {
  box-sizing: border-box;
  white-space: nowrap;
  -webkit-appearance: none;
  cursor: pointer;
  outline: none;
  text-align: center;
  font-weight: 500;
  user-select: none;
  text-align: center;
  color: #0A70F5;
  border: none;
  padding: 0;
  border-radius: 50%;
  transition: all 0.3s;
  line-height: 1;
  position: relative;
  background-color: transparent;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  width: 32px;
  height: 32px;
}
.blue-theme-icon-btn:hover, .blue-theme-icon-btn.hover {
  color: #0A70F5;
  background-color: rgba(0, 0, 0, 0.06);
}
.blue-theme-icon-btn:active, .blue-theme-icon-btn.active {
  color: #0A70F5;
  background-color: rgba(0, 0, 0, 0.06);
}
.blue-theme-icon-btn-secondary {
  color: rgba(0, 0, 0, 0.7);
}
.blue-theme-icon-btn-secondary:hover, .blue-theme-icon-btn-secondary.hover {
  color: #0A70F5;
  background-color: rgba(0, 0, 0, 0.06);
}
.blue-theme-icon-btn-secondary:active, .blue-theme-icon-btn-secondary.active {
  color: #0A70F5;
  background-color: rgba(0, 0, 0, 0.06);
}
.blue-theme-icon-btn.blue-theme-icon-btn-disabled {
  color: rgba(0, 0, 0, 0.25);
  cursor: not-allowed;
}
.blue-theme-icon-btn.blue-theme-icon-btn-disabled:hover, .blue-theme-icon-btn.blue-theme-icon-btn-disabled.hover {
  background-color: transparent;
}
.blue-theme-icon-btn-small {
  font-size: 14px;
  width: 24px;
  height: 24px;
}
.blue-theme-icon-btn-large {
  font-size: 16px;
  width: 40px;
  height: 40px;
}

.blue-theme-icon-btn + .blue-theme-icon-btn {
  margin-left: 10px;
}

.blue-theme-modal {
  pointer-events: auto;
  text-align: left;
  min-width: 400px;
  min-height: auto;
  max-width: 90vw;
  max-height: 82vh;
  display: inline-flex;
  flex: 0 1 auto;
  flex-direction: column;
  background-color: #fff;
  margin: 0 auto;
  position: relative;
  border-radius: 10px;
  box-shadow: 0 8px 24px 0 rgba(0, 0, 0, 0.12);
}
.blue-theme-modal-mask {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0.5);
}
.blue-theme-modal-wrapper {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  pointer-events: none;
}
.blue-theme-modal-drag .blue-theme-modal-title {
  cursor: move;
}
.blue-theme-modal-top {
  justify-content: flex-start;
}
.blue-theme-modal-top .blue-theme-modal {
  top: 20px;
}
.blue-theme-modal-top .blue-theme-modal-fullscreen {
  top: 0;
}
.blue-theme-modal-fullscreen {
  width: 100%;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
  border-radius: 0;
}
.blue-theme-modal-header {
  padding: 16px 24px;
  flex: 0 0 auto;
  font-weight: 500;
  line-height: 26px;
}
.blue-theme-modal-title {
  color: rgba(0, 0, 0, 0.9);
  font-size: 18px;
  margin-right: 30px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.blue-theme-modal-content-wrapper {
  padding: 16px 24px;
  overflow: auto;
  flex: 1 1 auto;
}
.blue-theme-modal-footer {
  padding: 16px 24px;
  flex: 0 0 auto;
  text-align: right;
}
.blue-theme-modal-footer .blue-theme-btn + .blue-theme-btn {
  margin-left: 12px;
}
.blue-theme-modal-header + .blue-theme-modal-content-wrapper {
  padding-top: 0px;
}
.blue-theme-modal-content-wrapper + .blue-theme-modal-footer {
  padding-top: 0px;
}
.blue-theme-modal-close {
  font-size: 20px;
  position: absolute;
  z-index: 1;
  top: 16px;
  right: 24px;
  color: rgba(0, 0, 0, 0.9);
  cursor: pointer;
  flex: 0;
  z-index: 10;
  width: 28px;
  height: 28px;
  border-radius: 6px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.blue-theme-modal-close:hover, .blue-theme-modal-close.hover {
  color: rgba(0, 0, 0, 0.7);
  background-color: rgba(0, 0, 0, 0.06);
}
.blue-theme-modal-close:active {
  color: rgba(0, 0, 0, 0.7);
  background-color: rgba(0, 0, 0, 0.06);
}
.blue-theme-modal-menu {
  position: absolute;
  z-index: 10;
  top: 16px;
  right: 24px;
  display: flex;
}

.modal-fade-enter-active {
  animation: modal-fade-in 0.2s;
}
.modal-fade-leave-active {
  animation: modal-fade-out 0.2s;
}

@keyframes modal-fade-in {
  0% {
    transform: scale(0.9);
    opacity: 0;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes modal-fade-out {
  0% {
    transform: scale(1);
    opacity: 1;
  }
  100% {
    transform: scale(0.9);
    opacity: 0;
  }
}
/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
/**
* 基础变量
* 参见: https://km.sankuai.com/page/147289627
**/
/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
@keyframes mtd-btn-rotate {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(360deg);
  }
}
.blue-theme-btn {
  box-sizing: border-box;
  white-space: nowrap;
  -webkit-appearance: none;
  cursor: pointer;
  outline: none;
  text-align: center;
  font-weight: 500;
  user-select: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  vertical-align: top;
  position: relative;
  transition: all 0.3s;
  color: rgba(0, 0, 0, 0.9);
  background: #fff;
  border: 1px solid #e0e0e0;
  min-width: 32px;
  height: 32px;
  padding: 0 12px;
  font-size: 14px;
  border-radius: 6px;
}
.blue-theme-btn:hover, .blue-theme-btn.hover {
  color: rgba(0, 0, 0, 0.9);
  border-color: #e0e0e0;
  background-color: rgba(0, 0, 0, 0.04);
  text-decoration: none;
}
.blue-theme-btn:active, .blue-theme-btn.active {
  color: rgba(0, 0, 0, 0.9);
  border-color: #e0e0e0;
  background-color: rgba(0, 0, 0, 0.12);
}
.blue-theme-btn.blue-theme-btn-disabled {
  color: rgba(0, 0, 0, 0.25);
  border-color: #e0e0e0;
  background: rgba(0, 0, 0, 0.04);
  opacity: 1;
  cursor: not-allowed;
}
.blue-theme-btn.blue-theme-btn-disabled .blue-theme-btn-before {
  color: currentColor;
}
.blue-theme-btn-loading {
  pointer-events: none;
}
.blue-theme-btn-before {
  display: inline-flex;
  vertical-align: top;
  align-items: center;
  height: 100%;
}
.blue-theme-btn-before .blue-theme-badge {
  line-height: 1;
}
.blue-theme-btn-spin {
  width: 1em;
  height: 1em;
  border: 1px solid transparent;
  border-top-color: currentColor;
  border-right-color: currentColor;
  border-radius: 50%;
  animation: mtd-btn-rotate linear 1s infinite;
}
.blue-theme-btn .blue-theme-btn-before {
  margin-right: 4px;
  font-size: 16px;
  width: 1em;
}
.blue-theme-btn.blue-theme-btn-text-primary {
  height: 22px;
}
.blue-theme-btn-small {
  min-width: 24px;
  height: 24px;
  padding: 0 8px;
  font-size: 12px;
  border-radius: 4px;
}
.blue-theme-btn-small .blue-theme-btn-before {
  margin-right: 4px;
  font-size: 14px;
  width: 1em;
}
.blue-theme-btn-small.blue-theme-btn-text-primary {
  height: 20px;
}
.blue-theme-btn-large {
  min-width: 40px;
  height: 40px;
  padding: 0 20px;
  font-size: 14px;
  border-radius: 6px;
}
.blue-theme-btn-large .blue-theme-btn-before {
  margin-right: 4px;
  font-size: 16px;
  width: 1em;
}
.blue-theme-btn-large.blue-theme-btn-text-primary {
  height: 22px;
}
.blue-theme-btn-primary {
  color: #fff;
  background: #0A70F5;
  border-color: #0A70F5;
  /* &.blue-theme-btn-loading {
    color: $color;
    background: $activeBgc;
    border-color: $activeBorderColor;
  } */
}
.blue-theme-btn-primary:hover, .blue-theme-btn-primary.hover, .blue-theme-btn-primary:focus {
  color: #fff;
  background: #2A8EFE;
  border-color: #2A8EFE;
}
.blue-theme-btn-primary:active, .blue-theme-btn-primary.active {
  color: #fff;
  background: #005ADE;
  border-color: #005ADE;
}
.blue-theme-btn-primary .blue-theme-btn-before {
  color: currentColor;
}
.blue-theme-btn-primary.blue-theme-btn-disabled {
  color: rgba(0, 0, 0, 0.25);
  background: rgba(0, 0, 0, 0.04);
  border-color: #e0e0e0;
  opacity: 1;
}
.blue-theme-btn-primary.blue-theme-btn-ghost {
  background: transparent;
  color: #0A70F5;
  border-color: #0A70F5;
  /* &.blue-theme-btn-loading {
    color: $activeBorderColor;
    background: transparent;
    border-color: $activeBorderColor;
  } */
}
.blue-theme-btn-primary.blue-theme-btn-ghost:hover, .blue-theme-btn-primary.blue-theme-btn-ghost:focus {
  background: rgba(10, 112, 245, 0.12);
  color: #0A70F5;
  border-color: #0A70F5;
}
.blue-theme-btn-primary.blue-theme-btn-ghost:active {
  background: rgba(10, 112, 245, 0.24);
  color: #0A70F5;
  border-color: #0A70F5;
}
.blue-theme-btn-primary.blue-theme-btn-ghost.blue-theme-btn-disabled {
  color: rgba(0, 0, 0, 0.25);
  background: rgba(0, 0, 0, 0.04);
  border-color: #e0e0e0;
}
.blue-theme-btn-primary.blue-theme-btn-disabled {
  border: none;
  border-width: 0;
}
.blue-theme-btn-success {
  color: #fff;
  background: #00ba73;
  border-color: #00ba73;
  /* &.blue-theme-btn-loading {
    color: $color;
    background: $activeBgc;
    border-color: $activeBorderColor;
  } */
}
.blue-theme-btn-success:hover, .blue-theme-btn-success.hover, .blue-theme-btn-success:focus {
  color: #fff;
  background: #3dd999;
  border-color: #3dd999;
}
.blue-theme-btn-success:active, .blue-theme-btn-success.active {
  color: #fff;
  background: #009155;
  border-color: #009155;
}
.blue-theme-btn-success .blue-theme-btn-before {
  color: currentColor;
}
.blue-theme-btn-success.blue-theme-btn-disabled {
  color: rgba(0, 0, 0, 0.25);
  background: rgba(0, 0, 0, 0.04);
  border-color: #e0e0e0;
  opacity: 1;
}
.blue-theme-btn-success.blue-theme-btn-ghost {
  background: transparent;
  color: #00ba73;
  border-color: #00ba73;
  /* &.blue-theme-btn-loading {
    color: $activeBorderColor;
    background: transparent;
    border-color: $activeBorderColor;
  } */
}
.blue-theme-btn-success.blue-theme-btn-ghost:hover, .blue-theme-btn-success.blue-theme-btn-ghost:focus {
  background: rgba(0, 186, 115, 0.12);
  color: #00ba73;
  border-color: #00ba73;
}
.blue-theme-btn-success.blue-theme-btn-ghost:active {
  background: rgba(0, 186, 115, 0.24);
  color: #00ba73;
  border-color: #00ba73;
}
.blue-theme-btn-success.blue-theme-btn-ghost.blue-theme-btn-disabled {
  color: rgba(0, 0, 0, 0.25);
  background: rgba(0, 0, 0, 0.04);
  border-color: #e0e0e0;
}
.blue-theme-btn-success.blue-theme-btn-disabled {
  border: none;
  border-width: 0;
}
.blue-theme-btn-warning {
  color: #fff;
  background: #ff9d00;
  border-color: #ff9d00;
  /* &.blue-theme-btn-loading {
    color: $color;
    background: $activeBgc;
    border-color: $activeBorderColor;
  } */
}
.blue-theme-btn-warning:hover, .blue-theme-btn-warning.hover, .blue-theme-btn-warning:focus {
  color: #fff;
  background: #ffc152;
  border-color: #ffc152;
}
.blue-theme-btn-warning:active, .blue-theme-btn-warning.active {
  color: #fff;
  background: #c76a00;
  border-color: #c76a00;
}
.blue-theme-btn-warning .blue-theme-btn-before {
  color: currentColor;
}
.blue-theme-btn-warning.blue-theme-btn-disabled {
  color: rgba(0, 0, 0, 0.25);
  background: rgba(0, 0, 0, 0.04);
  border-color: #e0e0e0;
  opacity: 1;
}
.blue-theme-btn-warning.blue-theme-btn-ghost {
  background: transparent;
  color: #ff9d00;
  border-color: #ff9d00;
  /* &.blue-theme-btn-loading {
    color: $activeBorderColor;
    background: transparent;
    border-color: $activeBorderColor;
  } */
}
.blue-theme-btn-warning.blue-theme-btn-ghost:hover, .blue-theme-btn-warning.blue-theme-btn-ghost:focus {
  background: rgba(255, 157, 0, 0.12);
  color: #ff9d00;
  border-color: #ff9d00;
}
.blue-theme-btn-warning.blue-theme-btn-ghost:active {
  background: rgba(255, 157, 0, 0.24);
  color: #ff9d00;
  border-color: #ff9d00;
}
.blue-theme-btn-warning.blue-theme-btn-ghost.blue-theme-btn-disabled {
  color: rgba(0, 0, 0, 0.25);
  background: rgba(0, 0, 0, 0.04);
  border-color: #e0e0e0;
}
.blue-theme-btn-warning.blue-theme-btn-disabled {
  border: none;
  border-width: 0;
}
.blue-theme-btn-danger {
  color: #fff;
  background: #f5483b;
  border-color: #f5483b;
  /* &.blue-theme-btn-loading {
    color: $color;
    background: $activeBgc;
    border-color: $activeBorderColor;
  } */
}
.blue-theme-btn-danger:hover, .blue-theme-btn-danger.hover, .blue-theme-btn-danger:focus {
  color: #fff;
  background: #ff7d7a;
  border-color: #ff7d7a;
}
.blue-theme-btn-danger:active, .blue-theme-btn-danger.active {
  color: #fff;
  background: #d41e21;
  border-color: #d41e21;
}
.blue-theme-btn-danger .blue-theme-btn-before {
  color: currentColor;
}
.blue-theme-btn-danger.blue-theme-btn-disabled {
  color: rgba(0, 0, 0, 0.25);
  background: rgba(0, 0, 0, 0.04);
  border-color: #e0e0e0;
  opacity: 1;
}
.blue-theme-btn-danger.blue-theme-btn-ghost {
  background: transparent;
  color: #f5483b;
  border-color: #f5483b;
  /* &.blue-theme-btn-loading {
    color: $activeBorderColor;
    background: transparent;
    border-color: $activeBorderColor;
  } */
}
.blue-theme-btn-danger.blue-theme-btn-ghost:hover, .blue-theme-btn-danger.blue-theme-btn-ghost:focus {
  background: rgba(245, 72, 59, 0.12);
  color: #f5483b;
  border-color: #f5483b;
}
.blue-theme-btn-danger.blue-theme-btn-ghost:active {
  background: rgba(245, 72, 59, 0.24);
  color: #f5483b;
  border-color: #f5483b;
}
.blue-theme-btn-danger.blue-theme-btn-ghost.blue-theme-btn-disabled {
  color: rgba(0, 0, 0, 0.25);
  background: rgba(0, 0, 0, 0.04);
  border-color: #e0e0e0;
}
.blue-theme-btn-danger.blue-theme-btn-disabled {
  border: none;
  border-width: 0;
}
.blue-theme-btn-text {
  color: rgba(0, 0, 0, 0.9);
  border-color: transparent !important;
  background-color: transparent;
}
.blue-theme-btn-text:hover, .blue-theme-btn-text.hover, .blue-theme-btn-text:focus, .blue-theme-btn-text:active, .blue-theme-btn-text.active {
  border-color: transparent;
}
.blue-theme-btn-text:hover, .blue-theme-btn-text.hover, .blue-theme-btn-text:focus {
  color: rgba(0, 0, 0, 0.9);
  background-color: rgba(0, 0, 0, 0.06);
}
.blue-theme-btn-text:active, .blue-theme-btn-text.active {
  color: rgba(0, 0, 0, 0.9);
  background-color: rgba(0, 0, 0, 0.12);
}
.blue-theme-btn-text.blue-theme-btn-loading {
  color: rgba(0, 0, 0, 0.9);
}
.blue-theme-btn-text.blue-theme-btn-disabled {
  color: rgba(0, 0, 0, 0.25);
  background-color: transparent;
  opacity: 1;
}
.blue-theme-btn-text .blue-theme-btn-before {
  color: rgba(0, 0, 0, 0.9);
}
.blue-theme-btn-text-primary {
  padding: 0;
  color: #0A70F5;
  border-color: transparent !important;
  background-color: transparent;
}
.blue-theme-btn-text-primary:hover, .blue-theme-btn-text-primary.hover, .blue-theme-btn-text-primary:focus, .blue-theme-btn-text-primary:active, .blue-theme-btn-text-primary.active {
  border-color: transparent;
}
.blue-theme-btn-text-primary:hover, .blue-theme-btn-text-primary.hover, .blue-theme-btn-text-primary:focus {
  color: #2A8EFE;
  background-color: transparent;
}
.blue-theme-btn-text-primary:active, .blue-theme-btn-text-primary.active {
  color: #005ADE;
  background-color: transparent;
}
.blue-theme-btn-text-primary.blue-theme-btn-loading {
  color: #005ADE;
}
.blue-theme-btn-text-primary.blue-theme-btn-disabled {
  color: rgba(0, 0, 0, 0.25);
  background-color: transparent;
  opacity: 1;
}
.blue-theme-btn-text-primary .blue-theme-btn-before {
  color: #0A70F5;
}
.blue-theme-btn-panel {
  background-color: rgba(0, 0, 0, 0.06);
  border: none;
  border-width: 0;
}
.blue-theme-btn-panel:hover {
  background-color: rgba(0, 0, 0, 0.04);
}
.blue-theme-btn-panel:active {
  background-color: #e0e0e0;
}
.blue-theme-btn-dashed {
  border-style: dashed;
}
.blue-theme-btn-circle {
  border-radius: 50%;
}
.blue-theme-btn-only-icon {
  padding: 0;
}
.blue-theme-btn.blue-theme-btn-loading .blue-theme-btn-before {
  padding: 1px;
  font-size: 14px;
  width: 16px;
}
.blue-theme-btn.blue-theme-btn-loading.blue-theme-btn-small .blue-theme-btn-before {
  padding: 1px;
  font-size: 12px;
  width: 12px;
}
.blue-theme-btn.blue-theme-btn-loading.blue-theme-btn-large .blue-theme-btn-before {
  padding: 1px;
  font-size: 14px;
  width: 16px;
}

.blue-theme-input-search-button {
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
}
.blue-theme-input-search-enter-button .blue-theme-input-search-input-wrapper,
.blue-theme-input-search-enter-button .blue-theme-input-search-input {
  border-right: none;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
}

.blue-theme-confirm-icon {
  float: left;
  width: 24px;
  height: 24px;
  font-size: 24px;
}
.blue-theme-confirm-icon i {
  vertical-align: top;
  line-height: 26px;
}
.blue-theme-confirm-warning {
  color: #ff9d00;
}
.blue-theme-confirm-error {
  color: #f5483b;
}
.blue-theme-confirm-success {
  color: #00ba73;
}
.blue-theme-confirm-info {
  color: #0A70F5;
}
.blue-theme-confirm-message {
  font-size: 14px;
  color: rgba(0, 0, 0, 0.7);
  line-height: 22px;
}
.blue-theme-confirm-title {
  font-size: 16px;
  color: rgba(0, 0, 0, 0.9);
  letter-spacing: 0;
  margin-bottom: 8px;
  font-weight: 500;
  line-height: 26px;
}
.blue-theme-confirm-footer {
  text-align: right;
}
.blue-theme-confirm-footer button + button {
  margin-left: 12px;
}
.blue-theme-confirm-typed {
  margin: 0px 0px 0;
}
.blue-theme-confirm-typed .blue-theme-confirm-right {
  margin-left: 32px;
}
/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
/**
* 基础变量
* 参见: https://km.sankuai.com/page/147289627
**/
/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
/**
* 基础变量
* 参见: https://km.sankuai.com/page/147289627
**/
/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
.blue-theme-menu {
  list-style: none;
  padding: 0;
  margin: 0;
  transition: all 0.3s, width 0.3s;
  width: 100%;
  text-align: left;
  line-height: 36px;
  font-size: 0;
}
.blue-theme-menu-vertical .blue-theme-submenu-direction {
  transform: rotateZ(-90deg);
}
.blue-theme-menu-horizontal {
  white-space: nowrap;
  line-height: 36px;
}
.blue-theme-menu-horizontal .blue-theme-menu-item,
.blue-theme-menu-horizontal .blue-theme-submenu {
  display: inline-block;
  vertical-align: top;
}
.blue-theme-menu-horizontal .blue-theme-submenu-direction {
  margin-left: 0;
}
.blue-theme-menu-horizontal .blue-theme-menu-item-title,
.blue-theme-menu-horizontal .blue-theme-submenu-title {
  padding-bottom: 6px;
}
.blue-theme-menu-inline {
  padding: 6px 2px;
}

.blue-theme-menu {
  /*   &-horizontal,
  &-vertical {
    .blue-theme-menu-light {

      .blue-theme-menu-item-active,
      .blue-theme-submenu-active {
        &::before {
          content: "";
          position: absolute;
          top: 0;
          left: 0;
          width: 3px;
          height: 100%;
          z-index: -1;
          background: $menu-light-active-color;
        }
      }

    }
  } */
}
.blue-theme-menu-light {
  color: rgba(0, 0, 0, 0.9);
  background: #fff;
}
.blue-theme-menu-light .blue-theme-menu-item-title:hover, .blue-theme-menu-light .blue-theme-menu-item-title.hover,
.blue-theme-menu-light .blue-theme-submenu-title:hover,
.blue-theme-menu-light .blue-theme-submenu-title.hover {
  background: #f5f5f5;
  color: rgba(0, 0, 0, 0.9);
}
.blue-theme-menu-light .blue-theme-menu-item-active .blue-theme-menu-item-title {
  color: #0A70F5;
  background: #EFF8FF;
  font-weight: 500;
}
.blue-theme-menu-light .blue-theme-menu-item-active .blue-theme-menu-item-title:hover, .blue-theme-menu-light .blue-theme-menu-item-active .blue-theme-menu-item-title.hover {
  color: #0A70F5;
  background: #EFF8FF;
}
.blue-theme-menu-light .blue-theme-submenu-active .blue-theme-submenu-title {
  color: #0A70F5;
  background: #EFF8FF;
}
.blue-theme-menu-light .blue-theme-menu-item-disabled .blue-theme-menu-item-title,
.blue-theme-menu-light .blue-theme-submenu-disabled > .blue-theme-submenu-title {
  color: rgba(0, 0, 0, 0.9);
  background: none;
  opacity: 0.45;
  cursor: not-allowed;
}
.blue-theme-menu-light .blue-theme-menu-item-disabled .blue-theme-menu-item-title:hover, .blue-theme-menu-light .blue-theme-menu-item-disabled .blue-theme-menu-item-title.hover,
.blue-theme-menu-light .blue-theme-submenu-disabled > .blue-theme-submenu-title:hover,
.blue-theme-menu-light .blue-theme-submenu-disabled > .blue-theme-submenu-title.hover {
  color: rgba(0, 0, 0, 0.9);
  background: none;
}
.blue-theme-menu-light .blue-theme-menu-item-active.blue-theme-menu-item-disabled .blue-theme-menu-item-title {
  color: #0A70F5;
  background: #EFF8FF;
  opacity: 0.45;
}
.blue-theme-menu-light.blue-theme-menu-horizontal .blue-theme-menu-item-title:hover, .blue-theme-menu-light.blue-theme-menu-horizontal .blue-theme-menu-item-title.hover,
.blue-theme-menu-light.blue-theme-menu-horizontal .blue-theme-submenu-title:hover,
.blue-theme-menu-light.blue-theme-menu-horizontal .blue-theme-submenu-title.hover {
  background: none;
}
.blue-theme-menu-light.blue-theme-menu-horizontal .blue-theme-menu-item-active .blue-theme-menu-item-title {
  background: none;
}
.blue-theme-menu-light.blue-theme-menu-horizontal .blue-theme-menu-item-active .blue-theme-menu-item-title:hover, .blue-theme-menu-light.blue-theme-menu-horizontal .blue-theme-menu-item-active .blue-theme-menu-item-title.hover {
  background: none;
}
.blue-theme-menu-light.blue-theme-menu-horizontal .blue-theme-submenu-active .blue-theme-submenu-title {
  color: #0A70F5;
  background: none;
}
.blue-theme-menu-light.blue-theme-menu-horizontal .blue-theme-menu-item-active,
.blue-theme-menu-light.blue-theme-menu-horizontal .blue-theme-submenu-active {
  position: relative;
}
.blue-theme-menu-light.blue-theme-menu-horizontal .blue-theme-menu-item-active:before,
.blue-theme-menu-light.blue-theme-menu-horizontal .blue-theme-submenu-active:before {
  content: "";
  position: absolute;
  z-index: 1;
  top: auto;
  bottom: 0;
  height: 3px;
  background: #0A70F5;
}
.blue-theme-menu-light.blue-theme-menu-horizontal .blue-theme-menu-item-active:before {
  left: 16px;
  width: calc(100% - 24px - 8px);
}
.blue-theme-menu-light.blue-theme-menu-horizontal .blue-theme-submenu-active:before {
  left: 12px;
  width: calc(100% - 24px);
}
.blue-theme-menu-light.blue-theme-menu-horizontal .blue-theme-submenu-direction {
  margin-left: 4px;
}
.blue-theme-menu-light .blue-theme-submenu-direction {
  color: rgba(0, 0, 0, 0.25);
}

.blue-theme-menu-dark {
  color: rgba(255, 255, 255, 0.7);
  background: #303640;
}
.blue-theme-menu-dark .blue-theme-menu-item-title:hover, .blue-theme-menu-dark .blue-theme-menu-item-title.hover,
.blue-theme-menu-dark .blue-theme-submenu-title:hover,
.blue-theme-menu-dark .blue-theme-submenu-title.hover {
  background: rgba(68, 78, 94, 0.7);
  color: #fff;
}
.blue-theme-menu-dark .blue-theme-menu-item-active .blue-theme-menu-item-title {
  color: #fff;
  background: #444e5e;
  font-weight: 500;
}
.blue-theme-menu-dark .blue-theme-menu-item-active .blue-theme-menu-item-title:hover, .blue-theme-menu-dark .blue-theme-menu-item-active .blue-theme-menu-item-title.hover {
  color: #fff;
  background: #444e5e;
}
.blue-theme-menu-dark .blue-theme-submenu-active .blue-theme-submenu-title {
  color: #fff;
  background: #444e5e;
}
.blue-theme-menu-dark .blue-theme-menu-item-disabled .blue-theme-menu-item-title,
.blue-theme-menu-dark .blue-theme-submenu-disabled > .blue-theme-submenu-title {
  color: rgba(255, 255, 255, 0.7);
  background: transparent;
  opacity: 0.45;
  cursor: not-allowed;
}
.blue-theme-menu-dark .blue-theme-menu-item-disabled .blue-theme-menu-item-title:hover, .blue-theme-menu-dark .blue-theme-menu-item-disabled .blue-theme-menu-item-title.hover,
.blue-theme-menu-dark .blue-theme-submenu-disabled > .blue-theme-submenu-title:hover,
.blue-theme-menu-dark .blue-theme-submenu-disabled > .blue-theme-submenu-title.hover {
  color: rgba(255, 255, 255, 0.7);
  background: transparent;
}
.blue-theme-menu-dark .blue-theme-menu-item-active.blue-theme-menu-item-disabled .blue-theme-menu-item-title {
  color: #fff;
  background: #444e5e;
  opacity: 0.45;
}
.blue-theme-menu-dark.blue-theme-menu-horizontal .blue-theme-menu-item-title:hover, .blue-theme-menu-dark.blue-theme-menu-horizontal .blue-theme-menu-item-title.hover,
.blue-theme-menu-dark.blue-theme-menu-horizontal .blue-theme-submenu-title:hover,
.blue-theme-menu-dark.blue-theme-menu-horizontal .blue-theme-submenu-title.hover {
  background: none;
}
.blue-theme-menu-dark.blue-theme-menu-horizontal .blue-theme-menu-item-active .blue-theme-menu-item-title {
  background: none;
}
.blue-theme-menu-dark.blue-theme-menu-horizontal .blue-theme-menu-item-active .blue-theme-menu-item-title:hover, .blue-theme-menu-dark.blue-theme-menu-horizontal .blue-theme-menu-item-active .blue-theme-menu-item-title.hover {
  background: none;
}
.blue-theme-menu-dark.blue-theme-menu-horizontal .blue-theme-submenu-active .blue-theme-submenu-title {
  color: #fff;
  background: none;
}

.blue-theme-menu.blue-theme-menu-collapse {
  width: 60px;
}
.blue-theme-menu-collapse .blue-theme-submenu-icon,
.blue-theme-menu-collapse .blue-theme-menu-item-icon {
  width: 100%;
  padding: 0;
  margin: 0;
}
.blue-theme-menu-collapse .blue-theme-menu-item-title,
.blue-theme-menu-collapse .blue-theme-submenu-title {
  max-width: 100%;
}
.blue-theme-menu-collapse .blue-theme-submenu-direction {
  display: none;
}

/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
/**
* 基础变量
* 参见: https://km.sankuai.com/page/147289627
**/
/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
.blue-theme-submenu {
  position: relative;
}
.blue-theme-submenu-title {
  position: relative;
  padding: 0 12px;
  display: flex;
  align-items: center;
  cursor: pointer;
  transition: padding 0.3s;
  margin: 0 4px;
  border-radius: 6px;
}
.blue-theme-submenu-text {
  font-size: 14px;
  flex: 1 1 auto;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.blue-theme-submenu-icon {
  font-size: 16px;
  min-width: 16px;
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  height: 36px;
  margin-right: 8px;
}
.blue-theme-submenu-direction {
  flex: 0 0 auto;
  font-size: 16px;
  min-width: 16px;
  text-align: center;
  margin-left: 12px;
  transition: transform 0.3s;
}
.blue-theme-submenu-direction-expanded {
  transform: rotateZ(180deg);
}
.blue-theme-submenu-content {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.blue-theme-submenu-active .blue-theme-submenu-text {
  font-weight: 500;
}
.blue-theme-submenu-child-active .blue-theme-submenu-text {
  font-weight: 500;
}
.blue-theme-submenu-dropdown {
  list-style-type: none;
  margin: 0;
  padding: 4px 0px;
  width: 180px;
}
.blue-theme-submenu-dropdown .blue-theme-submenu {
  position: relative;
}
.blue-theme-submenu-dropdown .blue-theme-menu-item-active:before {
  display: none;
}

/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
/**
* 基础变量
* 参见: https://km.sankuai.com/page/147289627
**/
/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
.blue-theme-menu-item {
  position: relative;
  cursor: pointer;
}
.blue-theme-menu-item-title {
  border-radius: 6px;
  margin: 0 4px;
  padding: 0 12px;
  text-decoration: none;
  display: flex;
  align-items: center;
  justify-items: flex-start;
  color: currentColor;
  cursor: pointer;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  transition: padding 0.3s;
}
.blue-theme-menu-item-title:hover, .blue-theme-menu-item-title.hover {
  text-decoration: none;
}
.blue-theme-menu-item-text {
  font-size: 14px;
  flex: 1 1 auto;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.blue-theme-menu-item-icon {
  display: flex;
  align-items: center;
  height: 36px;
  flex: 0 0 auto;
  font-size: 16px;
  min-width: 16px;
  margin-right: 8px;
}

/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
/**
* 基础变量
* 参见: https://km.sankuai.com/page/147289627
**/
/*
@param {string} $element 元素名
@param {bool} $append 是否加载在当前类下,一般在 theme 中为 true

// example1
// sass
@include c('component') {
  @include e('element') {
		color: black;
	}
}
// css
.blue-theme-component-element {
  color: black;
}

// example 2
// sass
@include c('component') {
  @include theme('dark') {
    @include e('element', true) {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-element {
  color: black;
}
*/
/*
// example1
// sass
@include c('component'){
  @include theme('dark') {
    @include when('active') {
      color: black;
    }
  }
}
// css
.blue-theme-component-dark .blue-theme-component-active {
  color: black;
}

// example2
// sass
@include c('component') {
  @include e('element') {
    @include when('active') {
      color: white;
    }
  }
}
// css
.blue-theme-component-element-active {
  color: white;
}

// example3
// sass
@include c('component') {
  @include when('active') {
    @include e('element') {
      color: white;
    }
  }
}
// css
.blue-theme-component-active .blue-theme-component-element{
  color: white;
}
*/
.blue-theme-tooltip {
  color: #fff;
  border: 0px solid #212121;
  background-color: #212121;
  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.08);
  border-color: #212121;
  line-height: 22px;
  padding: 4px 8px;
  font-size: 14px;
  max-width: 300px;
  border-radius: 6px;
  font-weight: 400;
  word-wrap: break-word;
}
.blue-theme-tooltip .blue-theme-popper-arrow {
  color: #212121;
}
.blue-theme-tooltip .blue-theme-popper-arrow:after {
  color: #212121;
}
.blue-theme-tooltip-small {
  padding: 4px 8px;
  font-size: 12px;
  line-height: 20px;
}
.blue-theme-tooltip-light {
  color: rgba(0, 0, 0, 0.7);
  border: 0px solid #fff;
  background-color: #fff;
  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.08);
  border-color: #fff;
}
.blue-theme-tooltip-light .blue-theme-popper-arrow {
  color: #fff;
}
.blue-theme-tooltip-light .blue-theme-popper-arrow:after {
  color: #fff;
}
.blue-theme-tooltip-yellow {
  color: rgba(0, 0, 0, 0.7);
  border: 0px solid #ffd100;
  background-color: #ffd100;
  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.08);
  border-color: #ffd100;
}
.blue-theme-tooltip-yellow .blue-theme-popper-arrow {
  color: #ffd100;
}
.blue-theme-tooltip-yellow .blue-theme-popper-arrow:after {
  color: #ffd100;
}
.blue-theme-tooltip-red {
  color: #fff;
  border: 0px solid #ff4a47;
  background-color: #ff4a47;
  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.08);
  border-color: #ff4a47;
}
.blue-theme-tooltip-red .blue-theme-popper-arrow {
  color: #ff4a47;
}
.blue-theme-tooltip-red .blue-theme-popper-arrow:after {
  color: #ff4a47;
}
.blue-theme-tooltip-green {
  color: #fff;
  border: 0px solid #00ba73;
  background-color: #00ba73;
  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.08);
  border-color: #00ba73;
}
.blue-theme-tooltip-green .blue-theme-popper-arrow {
  color: #00ba73;
}
.blue-theme-tooltip-green .blue-theme-popper-arrow:after {
  color: #00ba73;
}
.blue-theme-tooltip-brown {
  color: #fff;
  border: 0px solid #c76a00;
  background-color: #c76a00;
  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.08);
  border-color: #c76a00;
}
.blue-theme-tooltip-brown .blue-theme-popper-arrow {
  color: #c76a00;
}
.blue-theme-tooltip-brown .blue-theme-popper-arrow:after {
  color: #c76a00;
}
.blue-theme-tooltip-blue {
  color: #fff;
  border: 0px solid #0A70F5;
  background-color: #0A70F5;
  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.08);
  border-color: #0A70F5;
}
.blue-theme-tooltip-blue .blue-theme-popper-arrow {
  color: #0A70F5;
}
.blue-theme-tooltip-blue .blue-theme-popper-arrow:after {
  color: #0A70F5;
}
.blue-theme-tooltip-purple {
  color: #fff;
  border: 0px solid #7D1AFF;
  background-color: #7D1AFF;
  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.08);
  border-color: #7D1AFF;
}
.blue-theme-tooltip-purple .blue-theme-popper-arrow {
  color: #7D1AFF;
}
.blue-theme-tooltip-purple .blue-theme-popper-arrow:after {
  color: #7D1AFF;
}

.blue-theme-sidebar {
  background: #fff;
  box-shadow: 0 1px 3px 0 rgba(8, 28, 66, 0.1);
  width: 200px;
  height: 100%;
  display: inline-block;
  vertical-align: top;
  transition: width linear 0.3s;
  overflow: hidden;
}
.blue-theme-sidebar-header {
  color: rgba(0, 0, 0, 0.7);
  position: relative;
  line-height: 56px;
  font-weight: 400;
  font-size: 16px;
  text-align: left;
  padding-left: 20px;
  white-space: nowrap;
}
.blue-theme-sidebar-header-icon {
  cursor: pointer;
  position: absolute;
  z-index: 1;
  font-size: 20px;
  top: 0px;
  right: 16px;
  color: rgba(0, 0, 0, 0.7);
  text-align: center;
}
.blue-theme-sidebar-header-icon > .blue-theme-icon {
  position: relative;
  z-index: 1;
}
.blue-theme-sidebar-menus {
  height: calc(100% - 56px);
  overflow: auto;
}
.blue-theme-sidebar-menus > .blue-theme-menu {
  background-color: transparent;
}
.blue-theme-sidebar-dark {
  background-color: #303640;
  color: rgba(255, 255, 255, 0.7);
}
.blue-theme-sidebar-dark .blue-theme-sidebar-header, .blue-theme-sidebar-dark .blue-theme-sidebar-header-icon {
  color: #fff;
}

.blue-theme-sidebar-collapse.blue-theme-sidebar {
  width: 60px;
}
.blue-theme-sidebar-collapse .blue-theme-sidebar-menus,
.blue-theme-sidebar-collapse .blue-theme-sidebar-header {
  width: 60px;
  max-width: 100%;
}
.blue-theme-sidebar-collapse .blue-theme-sidebar-menus .blue-theme-nav-link:before {
  margin-right: 0;
}
.blue-theme-sidebar-collapse .blue-theme-sidebar-header {
  padding: 0px;
}
.blue-theme-sidebar-collapse .blue-theme-sidebar-header-title {
  display: none;
}
.blue-theme-sidebar-collapse .blue-theme-sidebar-header-icon {
  position: relative;
  text-align: center;
  display: block;
  width: 100%;
  top: 0;
  bottom: 0;
  left: 0;
  line-height: 56px;
  transform: none;
  border-radius: 0;
  background: none;
}
.blue-theme-sidebar-collapse .blue-theme-sidebar-header-icon::before {
  display: none;
}

.mtd-btn.mtd-btn-primary.mtd-btn-disabled, .mtd-btn.mtd-btn-success.mtd-btn-disabled {
  color: #fff;
  background: var(--cs-common-primary2-color);
  border-color: var(--cs-common-primary2-color);
  opacity: 0.45;
}
:root {
  --font-family: pingfang sc, helvetica neue, helvetica, arial, heiti sc, hiragino sans gb, microsoft yahei, sans-serif;
  --code-family: menlo, monaco, consolas, courier new, monospace;
  --font-weight-regular: 400;
  --font-weight-medium: 500;
  --font-weight-semi-bold: 600;
  --font-weight-bold: 700;
  --font-size-1: 12px;
  --font-size-2: 14px;
  --font-size-3: 16px;
  --font-size-4: 18px;
  --font-size-5: 20px;
  --font-size-6: 24px;
  --font-size-7: 30px;
  --line-height-1: 20px;
  --line-height-2: 22px;
  --line-height-3: 24px;
  --line-height-4: 26px;
  --line-height-5: 28px;
  --line-height-6: 32px;
  --line-height-7: 38px;
  --border-width-0: 0;
  --border-width-1: 1px;
  --border-width-2: 2px;
  --border-radius-0: 0;
  --border-radius-1: 2px;
  --border-radius-2: 4px;
  --border-radius-3: 6px;
  --border-radius-4: 10px;
  --border-radius-round: 2000px;
  --border-radius-half: 50%;
  --shadow-0: none;
  --shadow-1: 0 1px 3px 0 rgba(0, 0, 0, 0.03);
  --shadow-2: 0 2px 6px 0 rgba(0, 0, 0, 0.08);
  --shadow-3: 0 4px 12px 0 rgba(0, 0, 0, 0.1);
  --shadow-4: 0 8px 24px 0 rgba(0, 0, 0, 0.12);
  --shadow-5: 0 13px 39px 0 rgba(0, 0, 0, 0.15);
  --color-white: #fff;
  --color-black: #000;
  --color-transparent: transparent;
  --color-primary: #00ba73;
  --color-primary-1: #3dd999;
  --color-primary-2: #009155;
  --color-primary-3: #b3f9c8;
  --color-primary-4: #edfaf4;
  --color-primary-5: #8dd999;
  --color-text-1: rgba(0, 0, 0, 0.25);
  --color-text-2: rgba(0, 0, 0, 0.35);
  --color-text-3: rgba(0, 0, 0, 0.5);
  --color-text-4: rgba(0, 0, 0, 0.7);
  --color-text-5: rgba(0, 0, 0, 0.9);
  --color-line-1: rgba(0, 0, 0.12);
  --color-line-2: rgba(0, 0, 0.06);
  --color-fill-1: #f5f5f5;
  --color-fill-2: #f2f2f2;
  --color-link: #00ba73;
  --color-link-hover: #3dd999;
  --color-link-pressed: #009155;
  --color-link-active: #b3f9c8;
  --color-info-1: #edfaf4;
  --color-success-1: #00ba73;
  --color-success-2: #edfaf4;
  --color-success-3: #3dd999;
  --color-success-4: #009155;
  --color-success-5: #b3f9c8;
  --color-danger-1: #ff4a47;
  --color-danger-2: #fff2f0;
  --color-danger-3: #ff7d7a;
  --color-danger-4: #d41e21;
  --color-danger-5: #ffd2cc;
  --color-warning-1: #ff9d00;
  --color-warning-2: #fff6e0;
  --color-warning-3: #ffc152;
  --color-warning-4: #c76a00;
  --color-warning-5: #fff5ad;
}

.theme-mtd-blue {
  --color-link: #0a70f5;
  --color-link-hover: #2a8efe;
  --color-link-pressed: #005ade;
  --color-link-active: #bae2ff;
  --color-primary: #166ff7;
  --color-primary-1: #4d97ff;
  --color-primary-2: #0049bf;
  --color-primary-3: #99c4ff;
  --color-primary-4: #f0f6ff;
  --color-primary-5: #85c9ff;
}
.summary-expand-list .content-row-right-content[data-v-3cdda31a] {
  font-family: PingFangSC-Regular, -apple-system, BlinkMacSystemFont, Helvetica Neue, PingFang SC, Microsoft YaHei, Source Han Sans SC, Noto Sans CJK SC, WenQuanYi Micro Hei, sans-serif;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.7);
  letter-spacing: 0;
  line-height: 22px;
  font-weight: 400;
}
.summary-expand-list .icon-style[data-v-3cdda31a] {
  color: #009155;
  display: inline;
}
.summary-expand-list .content-row-right-summary[data-v-3cdda31a] {
  font-family: PingFangSC-Regular, -apple-system, BlinkMacSystemFont, Helvetica Neue, PingFang SC, Microsoft YaHei, Source Han Sans SC, Noto Sans CJK SC, WenQuanYi Micro Hei, sans-serif;
  font-size: 13px;
  color: #009155;
  letter-spacing: 0;
  text-align: left;
  line-height: 19px;
  font-weight: 400;
  cursor: pointer;
}
.summary-expand-list .mtdicon-copy-o[data-v-3cdda31a] {
  cursor: pointer;
}
@charset "UTF-8";
.cs-icon.iconfont[data-v-5a3c4383] {
  font-family: "iconfont", sans-serif !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.cs-icon.icon[data-v-5a3c4383] {
  width: 1em;
  height: 1em;
  vertical-align: -0.15em; /* 调整纵轴位置，方便对齐 */
  fill: currentColor;
  overflow: hidden;
}
.smart-summary-call-out-list-one .call-out-desensitize[data-v-66e63348] {
  display: flex;
  flex-wrap: wrap;
}
.smart-summary-call-out-list-one .call-out-desensitize .call-out-secret[data-v-66e63348] {
  display: flex;
}
.smart-summary-call-out-list-one .label-list-item .label-list-item-icon[data-v-66e63348] {
  width: 6px;
  height: 6px;
  border-radius: 6px;
  background: #d7dae0;
  padding-right: 6px;
  margin-right: 6px;
  z-index: 1;
}
.smart-summary-call-out-list-one .label-list-item .label-list-item-text-active[data-v-66e63348] {
  position: relative;
  height: 100%;
}
.smart-summary-call-out-list-one .label-list-item .label-list-item-text-active[data-v-66e63348]::before {
  position: absolute;
  width: 1px;
  height: 100%;
  background-color: #d7dae0;
  content: "";
  left: -9px;
}
.smart-summary-call-out-list-one .label-list-item .label-list-item-text-hidden[data-v-66e63348] {
  margin-left: 4px;
}
.smart-summary-call-out-list-one .label-list-item:first-child .smart-summary-call-out-list-one .label-list-item-text-active[data-v-66e63348]::before {
  height: 50%;
  transform: translateY(calc(100% + 3px));
}
.smart-summary-call-out-list-one .label-list-item:last-child .smart-summary-call-out-list-one .label-list-item-text-active[data-v-66e63348]::before {
  height: 50%;
}
.smart-summary-call-out-list-many .call-out-desensitize[data-v-5bf9160f] {
  display: flex;
  flex-wrap: wrap;
}
.smart-summary-call-out-list-many .call-out-desensitize .call-out-secret[data-v-5bf9160f] {
  display: flex;
}
.smart-summary-call-out-list-many .label-list-item[data-v-5bf9160f] {
  display: flex;
}
.smart-summary-call-out-list-many .label-list-item .label-list-item-icon[data-v-5bf9160f] {
  width: 6px;
  height: 6px;
  border-radius: 6px;
  background: #d7dae0;
  padding-right: 6px;
  margin-right: 6px;
  z-index: 1;
}
.smart-summary-call-out-list-many .label-list-item .label-list-item-text-active[data-v-5bf9160f] {
  position: relative;
  height: 100%;
}
.smart-summary-call-out-list-many .label-list-item .label-list-item-text-active[data-v-5bf9160f]::before {
  position: absolute;
  width: 1px;
  height: 100%;
  background-color: #d7dae0;
  content: "";
  left: -9px;
}
.smart-summary-call-out-list-many .label-list-item .label-list-item-text-hidden[data-v-5bf9160f] {
  margin-left: 4px;
}
.smart-summary-call-out-list-many .label-list-item:first-child .smart-summary-call-out-list-many .label-list-item-text-active[data-v-5bf9160f]::before {
  height: 50%;
  transform: translateY(calc(100% + 3px));
}
.smart-summary-call-out-list-many .label-list-item:last-child .smart-summary-call-out-list-many .label-list-item-text-active[data-v-5bf9160f]::before {
  height: 50%;
}
.dol-service-progress-card[data-v-2481f806] {
  background-color: #fff;
  width: 100%;
  border-radius: 6px;
  padding: 10px;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.2);
  margin-bottom: 3px;
}
.dol-service-progress-card .dol-service-progress-card__header[data-v-2481f806] {
  display: flex;
  align-items: center;
}
.dol-service-progress-card .dol-service-progress-card__header .dol-service-progress-card__sceneName[data-v-2481f806] {
  font-size: 18px;
  font-weight: 700;
  margin-right: 8px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.dol-service-progress-card .dol-service-progress-card__header .dol-service-progress-card__status[data-v-2481f806] {
  font-size: 12px;
  height: 18px;
  border-radius: 3px;
  padding: 1px 4px 2px 4px;
  font-weight: 700;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.dol-service-progress-card .dol-service-progress-card__header .dol-service-progress-card__status.handling[data-v-2481f806] {
  background-image: linear-gradient(104deg, #ffe74d 0%, #ffdd19 100%);
  color: #000;
}
.dol-service-progress-card .dol-service-progress-card__header .dol-service-progress-card__status.done[data-v-2481f806] {
  background-color: #00b300;
  color: #fff;
}
.dol-service-progress-card .dol-service-progress-card__progress[data-v-2481f806] {
  margin: 10px 0 0 20px;
  position: relative;
}
.dol-service-progress-card .dol-service-progress-card__progress > div[data-v-2481f806] {
  margin-bottom: 5px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.dol-service-progress-card .dol-service-progress-card__progress[data-v-2481f806]::after {
  content: "";
  position: absolute;
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background: #ffd100;
  top: 5px;
  left: -15px;
}
.dol-service-progress-card .dol-service-progress-card__progress[data-v-2481f806]::before {
  content: "";
  position: absolute;
  width: 1px;
  height: 48px;
  background-image: linear-gradient(to bottom, #ffd100, rgba(255, 209, 0, 0.8) 40%, rgba(255, 209, 0, 0));
  top: 17px;
  left: -11px;
}
.dol-service-progress-card .dol-service-progress-card__product[data-v-2481f806] {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  margin-top: 15px;
}
.dol-service-progress-card .dol-service-progress-card__product .dol-service-progress-card__product-img[data-v-2481f806] {
  width: 60px;
  height: 60px;
  border-radius: 10px;
}
.dol-service-progress-card .dol-service-progress-card__product .dol-service-progress-card__product-detail[data-v-2481f806] {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  overflow: hidden;
}
.dol-service-progress-card .dol-service-progress-card__product .dol-service-progress-card__product-detail > div[data-v-2481f806] {
  margin: 1px 0;
  max-width: 48%;
  padding-left: 15px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.dol-service-progress-card__text-large[data-v-2481f806] {
  font-size: 15px;
}
.dol-service-progress-card__text-small[data-v-2481f806] {
  font-size: 11px;
  color: rgba(0, 0, 0, 0.4);
}
.popup-component-wrapper[data-v-27657872] .mtd-modal-footer {
  padding-bottom: 0;
  padding-right: 0;
}
.popup-component-wrapper[data-v-27657872] .mtd-modal-content {
  min-height: 8vh;
}
.bank-list .bank-card[data-v-015fb377] {
  height: 40px;
  margin: 0 12px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.bank-list .bank-name[data-v-015fb377] {
  width: 162px;
  padding-left: 12px;
}
.bank-list .bank-number[data-v-015fb377] {
  flex: 1;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 22px;
  color: rgb(255, 95, 87);
  background-color: rgba(255, 95, 87, 0.06);
}
.bank-list .bank-operation[data-v-015fb377] {
  width: 190px;
  text-align: right;
}
.font-color-red[data-v-cfda7836] {
  color: rgb(255, 95, 87);
}
.order-table-custom-column {
  background-color: rgba(255, 95, 87, 0.06) !important;
}
.mobile-access-network[data-v-4a0ba080] {
  height: 40px;
  margin: 0 12px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.mobile-access-network .access-net-name[data-v-4a0ba080] {
  width: 162px;
  flex: 1;
  font-size: 14px;
  line-height: 22px;
  padding: 6px 12px;
  color: rgb(255, 95, 87);
  background-color: rgba(255, 95, 87, 0.06);
}
.mobile-access-network .access-net-operation[data-v-4a0ba080] {
  width: 190px;
  text-align: right;
}
.latest-repay-amount[data-v-c3525dfa] {
  height: 40px;
  margin: 0 12px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.latest-repay-amount .latest-repay-amout[data-v-c3525dfa] {
  width: 162px;
  flex: 1;
  font-size: 14px;
  line-height: 22px;
  padding: 6px 12px;
  color: rgb(255, 95, 87);
  background-color: rgba(255, 95, 87, 0.06);
}
.latest-repay-amount .latest-repay-operation[data-v-c3525dfa] {
  width: 190px;
  text-align: right;
}
.credit-grant-amount[data-v-b3a09fb6] {
  height: 40px;
  margin: 0 12px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.credit-grant-amount .credit-grant-amout[data-v-b3a09fb6] {
  width: 162px;
  flex: 1;
  font-size: 14px;
  line-height: 22px;
  padding: 6px 12px;
  color: rgb(255, 95, 87);
  background-color: rgba(255, 95, 87, 0.06);
}
.credit-grant-amount .credit-grant-operation[data-v-b3a09fb6] {
  width: 190px;
  text-align: right;
}
.credit-grant-time[data-v-21c6d8f0] {
  height: 40px;
  margin: 0 12px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.credit-grant-time .credit-grant-content[data-v-21c6d8f0] {
  width: 162px;
  flex: 1;
  font-size: 14px;
  line-height: 22px;
  padding: 6px 12px;
  color: rgb(255, 95, 87);
  background-color: rgba(255, 95, 87, 0.06);
}
.credit-grant-time .credit-grant-operation[data-v-21c6d8f0] {
  width: 190px;
  text-align: right;
}
.user-hold-id-card[data-v-422d7496] {
  height: 40px;
  margin: 0 12px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.user-hold-id-card .hold-id-name[data-v-422d7496] {
  width: 162px;
  flex: 1;
  font-size: 14px;
  line-height: 22px;
  padding: 6px 12px;
  color: rgb(255, 95, 87);
  background-color: rgba(255, 95, 87, 0.06);
}
.user-hold-id-card .hold-id-operation[data-v-422d7496] {
  width: 190px;
  text-align: right;
}
.font-color-red[data-v-7ed50b14] {
  color: rgb(255, 95, 87);
}
.font-color-red[data-v-7ed50b14] {
  color: rgb(255, 95, 87);
}
.order-table-custom-column {
  background-color: rgba(255, 95, 87, 0.06) !important;
}
.common-item[data-v-22a73dc4] {
  margin-left: 8px;
  font-size: 12px;
}
.common-item .header-tips[data-v-22a73dc4] {
  display: flex;
  align-items: center;
  margin-bottom: 6px;
}
.common-item .header-tips[data-v-22a73dc4] :first-child {
  font-weight: bold;
}
.common-item .header-tips[data-v-22a73dc4] :last-child {
  margin-left: 8px;
  font-size: 12px;
  color: gray;
}
.phone-verify-container[data-v-1381c740] {
  width: 450px;
}
.phone-verify-container .mtd-announcement-warning[data-v-1381c740] {
  margin-bottom: 12px;
}
.phone-verify-container .mtd-radio[data-v-1381c740] {
  width: 142px;
}
.phone-verify-container .input-sms-code[data-v-1381c740] {
  margin-top: 10px;
}
.phone-verify-container .input-sms-code .mtd-input-invalid[data-v-1381c740] {
  border-color: #f5483b;
}
.phone-verify-container .input-sms-code .input-error-tips[data-v-1381c740] {
  display: block;
  color: #f5483b;
  font-size: 12px;
  line-height: 20px;
  margin-top: 0;
}
.phone-verify-container .verify-tips[data-v-1381c740] {
  line-height: 36px;
  margin-top: 10px;
  margin-bottom: 16px;
  padding-left: 10px;
  background-color: #fff9e6;
}
.phone-verify-container .verify-tips i[data-v-1381c740] {
  color: #f5ba31;
}
.phone-verify-container .verify-tips span[data-v-1381c740] {
  color: #592d00;
  margin-left: 5px;
}
.phone-verify-container .step-title[data-v-1381c740] {
  font-weight: bold;
  padding: 0 0 8px 0;
}
.phone-verify-container .sms-code[data-v-1381c740] {
  color: #ff5f57;
}
.phone-verify-container .btn-operation[data-v-1381c740] {
  height: 32px;
  color: rgba(10, 112, 245, 0.9);
}
.phone-verify-container .sms-resend-tips[data-v-1381c740] {
  padding: 0 8px;
  line-height: 32px;
  color: rgba(10, 112, 245, 0.9);
  opacity: 0.45;
}
.phone-verify-container .result-options .can-not-verify-tips[data-v-1381c740] {
  font-size: 10px;
  color: gray;
}
.phone-verify-container .result-options .jump-phone-verify-tips[data-v-1381c740] {
  font-size: 10px;
  color: #ff5f57;
}
.phone-verify-container .result-options .mtd-radio[data-v-1381c740] {
  width: 415px;
  margin-bottom: 8px;
  align-items: flex-start;
}
.phone-verify-container .result-options .mtd-radio .tips-container[data-v-1381c740] {
  margin-top: -2px;
}
.phone-verify-container .sms-risk-tips[data-v-1381c740] {
  position: relative;
  display: inline-block;
  font-size: 12px;
  color: white;
  background: #ff5f57;
  border-radius: 2px;
  line-height: 20px;
  padding: 0 4px;
}
.phone-verify-container .sms-risk-tips .sms-risk-tips-arrow[data-v-1381c740] {
  position: relative;
}
.phone-verify-container .sms-risk-tips .sms-risk-tips-arrow[data-v-1381c740]::after {
  content: " ";
  display: block;
  position: absolute;
  width: 0;
  height: 0;
  border: 3px solid rgba(0, 0, 0, 0);
  left: -10px;
  top: 4px;
  border-right-color: #ff5f57;
}
.phone-verify-container .footer-container[data-v-1381c740] {
  margin-top: 15px;
  display: flex;
  justify-content: space-between;
}
.phone-verify-container .footer-container .special-btns button[data-v-1381c740]:first-child {
  margin-right: 12px;
}
.phone-verify-container .footer-container .submit-btns button[data-v-1381c740]:first-child {
  margin-right: 12px;
}
.verify-business[data-v-0e773ce2] {
  min-width: 600px;
}
.verify-business .verify-tips[data-v-0e773ce2] {
  line-height: 36px;
  margin-top: 10px;
  padding-left: 10px;
  background-color: #fff9e6;
}
.verify-business .verify-tips i[data-v-0e773ce2] {
  color: #f5ba31;
}
.verify-business .verify-tips span[data-v-0e773ce2] {
  color: #592d00;
  margin-left: 5px;
}
.verify-business .verify-item-list[data-v-0e773ce2] {
  max-height: calc(82vh - 200px);
  margin-top: 12px;
  overflow: auto;
}
.verify-business .verify-item-list .item-content[data-v-0e773ce2] {
  display: flex;
  align-items: center;
  margin-bottom: 6px;
}
.verify-business .verify-item-list .item-content[data-v-0e773ce2] :first-child {
  font-weight: bold;
}
.verify-business .verify-item-list .item-content[data-v-0e773ce2] :last-child {
  margin-left: 8px;
  font-size: 12px;
  color: gray;
}
.verify-business .verify-item-list h5[data-v-0e773ce2] {
  font-weight: 600;
  font-size: 16px;
}
.verify-business .verify-item-list .tile-item-container[data-v-0e773ce2] {
  margin-bottom: 6px;
}
.verify-business .verify-item-list .verify-must-container[data-v-0e773ce2],
.verify-business .verify-item-list .verify-option-container[data-v-0e773ce2] {
  border: solid 1px #d1c6c6;
  padding: 8px 12px;
  border-radius: 4px;
}
.verify-business .verify-item-list .item-split[data-v-0e773ce2] {
  margin-bottom: 8px;
  transform: scaleY(0.5);
}
.verify-business .manual-refresh[data-v-0e773ce2] {
  text-align: center;
}
.verify-business .footer-container[data-v-0e773ce2] {
  margin-top: 15px;
  display: flex;
  justify-content: space-between;
}
.verify-business .footer-container .special-btns button[data-v-0e773ce2]:first-child {
  margin-right: 12px;
}
.verify-business .footer-container .submit-btns button[data-v-0e773ce2]:first-child {
  margin-right: 12px;
}
.verify-flow-container[data-v-a7f96a20] {
  width: 100%;
}
.verify-flow-container .el-message-box-header[data-v-a7f96a20] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 16px 24px 2px 0;
}
.verify-flow-container .el-message-box-header .el-message-box-title[data-v-a7f96a20] {
  font-size: 18px;
  font-weight: bold;
  color: #303133;
}

.verify-template-error-container {
  height: 100px;
  width: 200px;
}

.phone-verify-container[data-v-45a02b01] {
  width: 450px;
}
.phone-verify-container .mtd-announcement-warning[data-v-45a02b01] {
  margin-bottom: 12px;
}
.phone-verify-container .mtd-radio[data-v-45a02b01] {
  width: 142px;
}
.phone-verify-container .input-sms-code[data-v-45a02b01] {
  margin-top: 10px;
}
.phone-verify-container .input-sms-code .mtd-input-invalid[data-v-45a02b01] {
  border-color: #f5483b;
}
.phone-verify-container .input-sms-code .input-error-tips[data-v-45a02b01] {
  display: block;
  color: #f5483b;
  font-size: 12px;
  line-height: 20px;
  margin-top: 0;
}
.phone-verify-container .verify-tips[data-v-45a02b01] {
  line-height: 36px;
  margin-top: 10px;
  margin-bottom: 16px;
  padding-left: 10px;
  background-color: #fff9e6;
}
.phone-verify-container .verify-tips i[data-v-45a02b01] {
  color: #f5ba31;
}
.phone-verify-container .verify-tips span[data-v-45a02b01] {
  color: #592d00;
  margin-left: 5px;
}
.phone-verify-container .step-title[data-v-45a02b01] {
  font-weight: bold;
  padding: 0 0 8px 0;
}
.phone-verify-container .sms-code[data-v-45a02b01] {
  color: #ff5f57;
}
.phone-verify-container .btn-operation[data-v-45a02b01] {
  height: 32px;
  color: rgba(10, 112, 245, 0.9);
}
.phone-verify-container .sms-resend-tips[data-v-45a02b01] {
  padding: 0 8px;
  line-height: 32px;
  color: rgba(10, 112, 245, 0.9);
  opacity: 0.45;
}
.phone-verify-container .result-options .verify-desc[data-v-45a02b01] {
  font-size: 11px;
  color: gray;
}
.phone-verify-container .result-options .mtd-radio[data-v-45a02b01] {
  width: 415px;
  margin-bottom: 8px;
  align-items: flex-start;
}
.phone-verify-container .result-options .mtd-radio .tips-container[data-v-45a02b01] {
  margin-top: -2px;
}
.phone-verify-container .sms-risk-tips[data-v-45a02b01] {
  position: relative;
  display: inline-block;
  font-size: 12px;
  color: white;
  background: #ff5f57;
  border-radius: 2px;
  line-height: 20px;
  padding: 0 4px;
}
.phone-verify-container .sms-risk-tips .sms-risk-tips-arrow[data-v-45a02b01] {
  position: relative;
}
.phone-verify-container .sms-risk-tips .sms-risk-tips-arrow[data-v-45a02b01]::after {
  content: " ";
  display: block;
  position: absolute;
  width: 0;
  height: 0;
  border: 3px solid rgba(0, 0, 0, 0);
  left: -10px;
  top: 4px;
  border-right-color: #ff5f57;
}
.phone-verify-container .footer-container[data-v-45a02b01] {
  margin-top: 15px;
  display: flex;
  justify-content: space-between;
}
.phone-verify-container .footer-container .special-btns button[data-v-45a02b01]:first-child {
  margin-right: 12px;
}
.phone-verify-container .footer-container .submit-btns button[data-v-45a02b01]:first-child {
  margin-right: 12px;
}
.font-color-red[data-v-690f591c] {
  color: rgb(255, 95, 87);
}
[data-v-690f591c] .list-custom-column {
  background-color: rgba(255, 95, 87, 0.06) !important;
}
.custom-date-picker[data-v-690f591c] {
  width: 220px;
}
.custom-date-picker[data-v-690f591c] .range-separator {
  display: flex;
  justify-content: center;
  align-items: center;
}
.search-table[data-v-690f591c] {
  margin-top: 10px;
}
.font-color-red[data-v-690f591c] {
  color: rgb(255, 95, 87);
}
.font-color-red[data-v-661094c3] {
  color: rgb(255, 95, 87);
}
.search-table[data-v-661094c3] {
  margin-top: 10px;
}
.font-color-red[data-v-661094c3] {
  color: rgb(255, 95, 87);
}
[data-v-661094c3] .list-custom-column {
  background-color: rgba(255, 95, 87, 0.06) !important;
}
.simple-item-content[data-v-d0eae7cc] {
  display: flex;
  justify-content: space-between;
}
.simple-item-content .op-result[data-v-d0eae7cc] {
  margin-right: 12px;
}
.verify-business[data-v-33aea948] {
  min-width: 600px;
}
.verify-business .verify-item-list[data-v-33aea948] {
  max-height: calc(82vh - 200px);
  margin-top: 12px;
  overflow: auto;
}
.verify-business .verify-item-list .item-content[data-v-33aea948] {
  display: flex;
  align-items: center;
  margin-bottom: 6px;
}
.verify-business .verify-item-list .item-content[data-v-33aea948] :first-child {
  font-weight: bold;
}
.verify-business .verify-item-list .item-content[data-v-33aea948] :last-child {
  margin-left: 8px;
  font-size: 12px;
  color: gray;
}
.verify-business .verify-item-list h5[data-v-33aea948] {
  font-weight: 600;
  font-size: 16px;
}
.verify-business .verify-item-list .verify-section[data-v-33aea948] {
  margin-bottom: 8px;
}
.verify-business .verify-item-list .verify-item[data-v-33aea948] {
  border: solid 1px #d1c6c6;
  padding: 8px 12px;
  border-radius: 4px;
}
.verify-business .verify-item-list .verify-item > div[data-v-33aea948]:not(:last-child) {
  margin-bottom: 10px;
}
.verify-business .verify-item-list .tile-item-container[data-v-33aea948] {
  margin-bottom: 6px;
}
.verify-business .verify-item-list .verify-must-container[data-v-33aea948],
.verify-business .verify-item-list .verify-option-container[data-v-33aea948] {
  border: solid 1px #d1c6c6;
  padding: 8px 12px;
  border-radius: 4px;
}
.verify-business .manual-refresh[data-v-33aea948] {
  text-align: center;
}
.verify-business .footer-container[data-v-33aea948] {
  margin-top: 15px;
  display: flex;
  justify-content: space-between;
}
.verify-business .footer-container .special-btns button[data-v-33aea948]:first-child {
  margin-right: 12px;
}
.verify-business .footer-container .submit-btns button[data-v-33aea948]:first-child {
  margin-right: 12px;
}
.verify-flow-platform-container[data-v-1ca181d2] {
  width: 100%;
}
.verify-flow-platform-container .el-message-box-header[data-v-1ca181d2] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 8px;
}
.verify-flow-platform-container .el-message-box-header .el-message-box-title[data-v-1ca181d2] {
  font-size: 18px;
  font-weight: bold;
  color: #303133;
}
.oncall-search-dialog[data-v-07aaa444] {
  width: 100%;
  text-align: center;
}
.oncall-search-dialog .oncall-search-content[data-v-07aaa444] {
  margin-top: 10px;
  text-align: left;
}
.oncall-search-dialog .oncall-search-content .dx-link[data-v-07aaa444] {
  color: #035de3;
  cursor: pointer;
}
.oncall-search-dialog .oncall-search-footer[data-v-07aaa444] {
  margin-top: 10px;
}
.oncall-search-dialog[data-v-0f37cd48] {
  width: 400px;
  padding: 20px;
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.oncall-search-dialog .mtd-row[data-v-0f37cd48] {
  display: flex;
  justify-content: center;
}
.oncall-search-dialog .mtd-row .mtd-select[data-v-0f37cd48] {
  width: 100%;
}
.oncall-search-dialog .mtd-row .mtd-textarea[data-v-0f37cd48] {
  width: 100%;
}
.oncall-search-dialog .oncall-search-dialog-button[data-v-0f37cd48] {
  text-align: center;
}
.oncall-search-dialog .button-box[data-v-0f37cd48] {
  margin-top: 10px;
}
.oncall-search-dialog .button-box .dialog-button[data-v-0f37cd48] {
  text-align: center;
}
.agent-assistant-options[data-v-7e314b82] {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.agent-assistant-options-btn[data-v-7e314b82] {
  height: 22px;
  line-height: 1;
  font-size: 12px;
  margin-right: 6px;
  border-radius: 12px;
  border: none;
  background-color: rgba(255, 255, 255, 0.9);
  color: rgba(17, 25, 37, 0.65);
  transition: background-color 0.3s, transform 0.1s;
  cursor: pointer;
}
.agent-assistant-options-btn[data-v-7e314b82]:hover {
  background-color: rgba(240, 240, 240, 0.9);
}
.agent-assistant-options-btn[data-v-7e314b82]:active {
  transform: scale(0.95);
  background-color: rgba(230, 230, 230, 0.9);
  color: rgba(17, 25, 37, 0.45);
}
.agent-assistant-options-icon[data-v-7e314b82] {
  margin-right: 4px;
}
.agent-assistant-options .refresh-btn[data-v-7e314b82] {
  margin-left: auto;
}
.fixed-text-card[data-v-ea87e150] {
  padding: 8px 12px;
  background-color: #fff;
  border-radius: 6px;
}
.fixed-text-card .btn[data-v-ea87e150] {
  height: 24px;
}
.fixed-text-card .header[data-v-ea87e150] {
  display: flex;
  gap: 5px;
  justify-content: space-between;
}
.fixed-text-card .title[data-v-ea87e150] {
  color: #166ff7;
}
.fixed-text-card .switch[data-v-ea87e150] {
  display: flex;
  height: 22px;
  align-items: center;
  margin-right: auto;
}
.fixed-text-card .switch .index[data-v-ea87e150] {
  line-height: 14px;
  text-wrap: nowrap;
  margin: 0 10px;
}
.fixed-text-card .switch .icon[data-v-ea87e150] {
  cursor: pointer;
}
.option-btn[data-v-ea87e150] {
  margin-top: 6px;
}
.invoke-assist-card[data-v-cb9c4a8e] {
  padding: 8px 12px;
  background-color: #fff;
  border-radius: 6px;
}
.invoke-assist-card .btn[data-v-cb9c4a8e] {
  height: 24px;
}
.invoke-assist-card .header[data-v-cb9c4a8e] {
  display: flex;
  gap: 5px;
  justify-content: space-between;
}
.invoke-assist-card .title[data-v-cb9c4a8e] {
  color: #ff9d00;
}
.chat-status-change-card[data-v-6cc3134e] {
  padding: 8px 12px;
  background-color: #fff;
  border-radius: 6px;
}
.chat-status-change-card .btn[data-v-6cc3134e] {
  height: 24px;
}
.chat-status-change-card .header[data-v-6cc3134e] {
  display: flex;
  gap: 5px;
  justify-content: space-between;
}
.chat-status-change-card .title[data-v-6cc3134e] {
  color: #ff9d00;
}
.smart-card-send[data-v-32457b6b] {
  padding: 8px 12px;
  background-color: #fff;
  border-radius: 6px;
}
.smart-card-send .btn[data-v-32457b6b] {
  height: 24px;
}
.smart-card-send .header[data-v-32457b6b] {
  display: flex;
  gap: 5px;
  justify-content: space-between;
}
.smart-card-send .title[data-v-32457b6b] {
  color: #ff9d00;
}
.invoke-assist-card[data-v-9cee3fea] {
  padding: 8px 12px;
  background-color: #fff;
  border-radius: 6px;
}
.invoke-assist-card .btn[data-v-9cee3fea] {
  min-width: 64px;
  height: 22px;
}
.invoke-assist-card .header[data-v-9cee3fea] {
  display: flex;
  gap: 5px;
  justify-content: space-between;
}
.invoke-assist-card .title[data-v-9cee3fea] {
  color: #ff9d00;
}
.agent-assistant-card[data-v-7ef51d18] {
  background-color: #fff;
  padding: 8px 12px;
  border-radius: 6px;
}
.agent-assistant-card .btn[data-v-7ef51d18] {
  height: 24px;
}
.agent-assistant .remind-message .title[data-v-7ef51d18] {
  color: var(--cs-common-primary-color);
  margin-right: 8px;
}
.agent-assistant .text-message .header[data-v-7ef51d18] {
  display: flex;
  justify-content: space-between;
}
.agent-assistant .text-message .title[data-v-7ef51d18] {
  color: #166ff7;
  margin-right: 8px;
}
.agent-assistant .task-message .header[data-v-7ef51d18] {
  display: flex;
  justify-content: space-between;
}
.agent-assistant .task-message .header .title[data-v-7ef51d18] {
  color: orange;
}
.agent-assistant .mt-6[data-v-7ef51d18] {
  margin-top: 6px;
}
[data-v-7ef51d18]  .has-image-title {
  -webkit-line-clamp: 8;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.online-phone-call-out-card[data-v-f86a50de] {
  width: 210px;
  height: 120px;
  padding: 16px 14px;
  display: flex;
  align-items: center;
  display: flex;
  flex-direction: column;
  background-color: #fff;
  border-radius: 7px;
  user-select: none;
}
.online-phone-call-out-card__description[data-v-f86a50de] {
  font-size: 14px;
  color: #111925;
  margin-bottom: 6px;
}
.online-phone-call-out-card__hint[data-v-f86a50de] {
  font-size: 12px;
  color: rgba(17, 25, 37, 0.65);
  margin-bottom: 12px;
}
.online-phone-call-out-card__button[data-v-f86a50de] {
  background: #fff;
  border: 0.42px solid rgba(0, 0, 0, 0.2);
  border-radius: 420px;
  color: #111925;
  font-size: 14px;
  width: 182px;
  height: 32px;
  line-height: 32px;
  text-align: center;
  font-weight: 500;
}
.refund-pay-card[data-v-4664423c] {
  background-color: #fff;
  width: 100%;
  border-radius: 6px;
  padding: 10px;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.2);
  margin-bottom: 3px;
}
.refund-pay-card .content[data-v-4664423c] {
  font-size: 14px;
  color: #222;
  letter-spacing: 0;
  text-align: justify;
  font-weight: 400;
  margin-bottom: 5px;
  line-height: 20px;
}
.refund-pay-card .get-packet[data-v-4664423c] {
  display: flex;
}
.refund-pay-card .get-packet .packet-icon[data-v-4664423c] {
  background-size: 100%;
  width: 85px;
  background-color: #fff5e2;
  padding: 5px 5px 0 0;
  border-right: 0.5px dotted #ccc;
  border-radius: 4px 10px 10px 10px;
}
.refund-pay-card .get-packet .packet-icon img[data-v-4664423c] {
  height: 60px;
  width: 100%;
}
.refund-pay-card .get-packet .receive[data-v-4664423c] {
  opacity: 0.7;
}
.refund-pay-card .get-packet .packet-text[data-v-4664423c] {
  flex: 1;
  background: #fff5e2;
  padding: 15px 5px 5px 15px;
  border-radius: 10px 10px 10px 10px;
}
.refund-pay-card .get-packet .title[data-v-4664423c] {
  font-size: 16px;
  color: #222;
  letter-spacing: 0;
  text-align: justify;
  font-weight: 500;
  margin-bottom: 5px;
}
.refund-pay-card .get-packet .get[data-v-4664423c] {
  font-size: 12px;
  color: rgba(0, 0, 0, 0.6);
  letter-spacing: 0;
  line-height: 24px;
  font-weight: 400;
}
@charset "UTF-8";
.dol-avatar {
  position: relative;
  width: 36px;
  height: 36px;
  background-size: contain;
  background-position: center;
  border-radius: 50%;
  box-shadow: 0 0 6px #d8d8d8;
}
.dol-avatar--grayscale {
  filter: grayscale(100%);
}
.dol-avatar__slot {
  position: absolute;
  border-radius: 50%;
  height: 17px;
  width: 17px;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #fff;
}
.dol-avatar__slot--top {
  left: 26px;
}
.dol-avatar__slot--bottom {
  left: 26px;
  top: 20px;
}

.dol-icon {
  font-size: 16px;
}

.dol-icon-svg {
  width: 1em;
  height: 1em;
  vertical-align: -0.15em; /* 调整纵轴位置，方便对齐 */
  fill: currentColor;
  overflow: hidden;
}

.dol-content-input {
  height: 100%;
  flex: 1 0 0;
  cursor: text;
  border: none;
  overflow: auto;
  padding: 10px 10px;
}
.dol-content-input:focus {
  outline: none;
}
.dol-content-input img {
  max-width: 240px;
  display: block;
}
.dol-content-input:empty:before {
  content: attr(data-placeholder);
  color: #888;
}

.dol-scroll-view-container {
  height: 100%;
  width: 100%;
  position: relative;
  overflow: hidden;
  background-color: #f6f6f6;
}
.dol-scroll-view-container .dol-scroll-view {
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  display: flex;
  flex-direction: column;
}
.dol-scroll-view-container .dol-scroll-view__content {
  padding: 15px 0;
}
.dol-scroll-view-container .dol-scroll-view__hint {
  height: 20px;
  line-height: 20px;
  text-align: center;
}
.dol-scroll-view-container .dol-scroll-view__hint--loading {
  position: relative;
  top: 1.5px;
  animation: rotate-loading linear 3s infinite;
  display: inline-block;
}
@keyframes rotate-loading {
  from {
    transform: rotate(0);
  }
  to {
    transform: rotate(360deg);
  }
}
.dol-scroll-view-container .dol-scroll-view_icon {
  position: absolute;
  right: 20px;
  bottom: 10px;
  display: flex;
  align-items: flex-end;
  flex-direction: column;
}
.dol-scroll-view-container .dol-scroll-view__top-button {
  background-color: #fff;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.12);
  cursor: pointer;
  z-index: 1;
}
.dol-scroll-view-container .dol-scroll-view__top-button:hover {
  background-color: #f2f6fc;
}
.dol-scroll-view-container .dol-scroll-view__host-robot {
  margin-top: 10px;
  background-color: #fff;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  font-size: 20px;
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.12);
  cursor: pointer;
  z-index: 1;
}
.dol-scroll-view-container .dol-scroll-view__host-robot:hover {
  background-color: #f2f6fc;
}
.dol-scroll-view-container .dol-scroll-view__host-robot-recommend {
  width: 100px;
  height: 30px;
  border-radius: 25%;
  border-radius: 15px;
}
.dol-scroll-view-container .dol-scroll-view__top-button-icon {
  cursor: pointer;
}
.dol-scroll-view-container .dol-scroll-view__new-msg-btn {
  width: 120px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  cursor: pointer;
  color: #009155;
  border-radius: 15px;
  box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.24);
  background: #fff;
  z-index: 10;
}

.dol-bubble {
  position: relative;
  word-break: break-all;
  width: fit-content;
  color: rgba(0, 0, 0, 0.9);
  border: 1px solid;
  border-radius: 4px;
  padding: 6px 10px;
}
.dol-bubble__left {
  background-color: #fff;
  border-color: #fff;
  box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.02);
}
.dol-bubble__left::after {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAA8CAYAAAAgwDn8AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MjdFOTlGMDEyOEZBMTFFOTlDMTg5QzJEQjMwNjdERjkiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MjdFOTlGMDIyOEZBMTFFOTlDMTg5QzJEQjMwNjdERjkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpFRDFDMjYxNDI4NDQxMUU5OUMxODlDMkRCMzA2N0RGOSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDoyN0U5OUYwMDI4RkExMUU5OUMxODlDMkRCMzA2N0RGOSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PhAZqmUAAAOlSURBVHja7JpLixNBEMcnL0ISUBA3D/QWDyIrePLgyd0VFRQRQcWDZ89+BE9+A/GiNz0IHgURfBwEcb2p7EEMKKh5hyTmYd7+a+yMld5ZN6+Z6QYb/tRuJdmd39R0dXV1fKPRyNB5+A3Nx38Ar0dw/IPP59v2YiaTicIchlaFTUFJaAWKQ3sgek9oxv/bgX5BP6EuVGOqSr+PfTmoREqn0yXruseTeAyAiz4Ccx06Ax2jlxS88QMCwTU3g+xu74O5C13W4MkJQAm6+UHmfCjuup5zAGPD7g30aIVCIUuBQMCS3+83Re8hK39OXmOGw6Fl6TVuubhvMBhMWPlvcoBN6AR/MZFIGNFo1HaCTzPkz8mQ8wwO0+/3J9LoTajP31ytVtXL+7gJ9CSEw2EjFov9BUBqogjcmsh1nY5RLBa1WshuQ8+5o9FoKBkJWwBEgfLrFcqq3F+pVEwQLUoJQFRgLohV0hr0KLXbbT1qIUBsiUhYk5rSVz6fN7rdrh7FHCCewtyQU1g2mzV6vZ4e1Sgg7suZiXJwLpczrS7lNAHc4w6KAEVivLJ6ObZVo3YDhR4VT4+gS9xPi0kqlVrKCuvohkak12vQS3mho4nt5b566lsHCEo/F6F33E+p1UuImWIPiDrMOegj97daLaNQKOixJwYEFUfr0CfubzabnkDMNfsExIZcclC5USqV9OhKAOIbzCnoO/fX63VXIRbKf4D4AnMS+uEVxMIJHBCfYc6KlscERLlc1qOxBYgPYk7Uub9Wq5mluPIAAuI9zGkZgjZDTkIstQYAxFu3IZZexLgN4UgV5iaEY2WkWxCO1sFuQDheyDsN4cpOREBQFdteNoRrWylAvIY5bwexSNnh6l4QEC/sVuxFaifXN7OAeGM3J+aF8GQ3vtPEJohZN0WetRMExJpcxdKmaBaIqdoqTo5MJnMUhubGfu6n3n88Ht/1ujw/Jxal+LocCdpjT9PtUOKgW0CsydtT6nZQG/NfEJ4/QtLjdAjmFXSA+yORiHleZ9cBVOqrBmJ7Snvsr9xPzbOderFKRYBF4qCIRJr7qRebTCbNI14lIyC1bCgSW9xPvViKBG/tKxkBFokVkWJXuZ+OWakrHgwG1f66jegAUnba5P7x+QQddCsdARaJvTDPoOPcr3wEWCRqYrGbOJ+Qv2qgOkRT7CeeKLsOTAHRMv4ccz3WEkBA0EnRVeiB8ml0l4lNF3zHLJR0/fKrCaEzgJZzQB6/BRgAvznxPxocxooAAAAASUVORK5CYII=);
  left: -11px;
}
.dol-bubble__right {
  background-color: #baefd7;
  border-color: #baefd7;
}
.dol-bubble__right::after {
  right: -14px;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAA8CAYAAAAgwDn8AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QUU2RjNBMDEyQjAyMTFFOTlDMTg5QzJEQjMwNjdERjkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QUU2RjNBMDAyQjAyMTFFOTlDMTg5QzJEQjMwNjdERjkiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKE1hY2ludG9zaCkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpFRDFDMjYwRTI4NDQxMUU5OUMxODlDMkRCMzA2N0RGOSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpFRDFDMjYwRjI4NDQxMUU5OUMxODlDMkRCMzA2N0RGOSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PuIRWZ0AAAQRSURBVHja1JpNTxNBGMdndregBCUEURMOHjyZoLEoXjygiaDePHgmQDSeTPwEXvwAxsQbSNR48eLJBKNHPRhFgwYvkhippfQV2lLoy775n2VL6O4W2rK7nZ1kMqUtO7//zPM88zwDVNd1EuQmkIC3wAuQZr69o3cv3nTNjqbn5yiGnl1vdZsLlbd8NY95tVbnqZq+ZE6WNScXMRyjlPajD1BCT1JK+gmhfRj78Fkfe42xF4/owTOO6kTvxNM68FrQdK2pHcXiEcyjoZcFStfwVgo9gv5H1bTPgPyJvgShSr1n0OcLH/4aILrWjV8K8WYiEKdLorQIvllFVWcgprB7BwRZUU4pqtLLI7wJSmVFPgv4x4IgrM9+fz/uuxNjYgITOfBzNE2TVE19AdO7tOPETl8URZGIgkgkcxQZAHp1FKjlZ3T4izluAzfihNh1BkXgO0RVVSKrClEUxRgrskzKlTI+s8cXzDuC4YshYKD/xDYkYCVz9Mm2jQUie8zHRC7HV0gJQnY3CJ/b2d0jXd2k69Bh0hnq8A2+0ZbJZ23wIUl6fefCjUXuD7JCcYuks2u1h5Yo5hB0Jrk/ictyhcTSCVs4hemMIIwWa0TxBo9wSaLJVcO5a1aaChNTQ2M/bKkET/As4jB4mInV7p9NnB99yX0yF0vFHZw29BWC7nGfja5mkobjWlZ+FafwFdi9yrWAFKJNrrBhPUyLWPkhwG9xXQ+sb+RIJrduTT0UOPEw4ONcFzT5zQ2SWEvbwiXaVRxWvxoqaNp3UG0i1iftK0rp7amh658arsjaAb9VKpKVVMIpibw/FR5701RJ6Td8sVwi/xDrrbchSBMeTobHnjZdE/udIjjDS08mw6OPWirq/YKvKDKJxGO2FAGx/hVO2QdcX6ugZDXgUU1ZT9m3iPXjXN8LsUprGfBMhAX+I07ZWwe90hG8ho8kYkjOZKvZLOC9a3ulCG0XUIVnjmuBX4LZXAZ8xZULA0/SYjgqizYO8FHAD++X37RVAIOPJGNOtSyDHwR8ztUrG0/gy2VrnM8APuw2vKsCjGqKFSQO8IhAZwCf9uTSzM1SkOU41lsEEz7lVbAQPIQvoEAf9BL+wAL2gWcrH/X6oBTchhcFsWSuvOfwLQvYC17TtXOAX/YrSRTchkcpuORnit6UAJbHryBU8gLflIBt+ATZtNzdtBO+YQFVeFaI8wTfUEWmmWbD28o3JIA3h23KhIIAX1dAUOAdTYj9xTCajAcC3rYDRj6PMtApt+ERvmYH6hcj/iVmLQtQjRo2ePAGY73bgyDAGz7gDC9lgwBvsDrAZ7wuAz2LQkGDrxHA7m0AfzpI8DsCvLp08kUA4H8HFd5o0/Nzx4PIzWoU1pkJVUiAW+D/8fW/AAMA1KnjhMYm86YAAAAASUVORK5CYII=);
}

.supervise-workbench .dol-bubble__left {
  background-color: #f4f5f7;
}
.supervise-workbench .supervise-ai.dol-bubble__right {
  background: linear-gradient(99deg, #e6faee 1%, #dbf4ff 60%, #eae5ff 102%);
  border: none;
}

.dol-html-text-card {
  width: fit-content;
  white-space: normal;
  word-break: break-all;
}
.dol-html-text-card img {
  width: 100%;
  height: 100%;
}
.dol-html-text-card video {
  max-width: 100%;
}
.dol-html-text-card__sku-message__icon {
  vertical-align: middle;
  margin-right: 5px;
}
.dol-html-text-card__sku-message__span {
  vertical-align: middle;
}

/*!
 * Viewer.js v1.10.1
 * https://fengyuanchen.github.io/viewerjs
 *
 * Copyright 2015-present Chen Fengyuan
 * Released under the MIT license
 *
 * Date: 2021-08-01T13:35:44.576Z
 */
.viewer-close:before, .viewer-flip-horizontal:before, .viewer-flip-vertical:before, .viewer-fullscreen-exit:before, .viewer-fullscreen:before, .viewer-next:before, .viewer-one-to-one:before, .viewer-play:before, .viewer-prev:before, .viewer-reset:before, .viewer-rotate-left:before, .viewer-rotate-right:before, .viewer-zoom-in:before, .viewer-zoom-out:before {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAARgAAAAUCAYAAABWOyJDAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNui8sowAAAQPSURBVHic7Zs/iFxVFMa/0U2UaJGksUgnIVhYxVhpjDbZCBmLdAYECxsRFBTUamcXUiSNncgKQbSxsxH8gzAP3FU2jY0kKKJNiiiIghFlccnP4p3nPCdv3p9778vsLOcHB2bfveeb7955c3jvvNkBIMdxnD64a94GHMfZu3iBcRynN7zAOI7TG15gHCeeNUkr8zaxG2lbYDYsdgMbktBsP03jdQwljSXdtBhLOmtjowC9Mg9L+knSlcD8TNKpSA9lBpK2JF2VdDSR5n5J64m0qli399hNFMUlpshQii5jbXTbHGviB0nLNeNDSd9VO4A2UdB2fp+x0eCnaXxWXGA2X0au/3HgN9P4LFCjIANOJdrLr0zzZ+BEpNYDwKbpnQMeAw4m8HjQtM6Z9qa917zPQwFr3M5KgA6J5rTJCdFZJj9/lyvGhsDvwFNVuV2MhhjrK6b9bFiE+j1r87eBl4HDwCF7/U/k+ofAX5b/EXBv5JoLMuILzf3Ap6Z3EzgdqHMCuF7hcQf4HDgeoHnccncqdK/TvSDWffFXI/exICY/xZyqc6XLWF1UFZna4gJ7q8BsRvgd2/xXpo6P+D9dfT7PpECtA3cnWPM0GXGFZh/wgWltA+cDNC7X+AP4GzjZQe+k5dRxuYPeiuXU7e1qwLpDz7dFjXKRaSwuMLvAlG8zZlG+YmiK1HoFqT7wP2z+4Q45TfEGcMt01xLoNZEBTwRqD4BLpnMLeC1A41UmVxsXgXeBayV/Wx20rpTyrpnWRft7p6O/FdqzGrDukPNtkaMoMo3FBdBSQMOnYBCReyf05s126fU9ytfX98+mY54Kxnp7S9K3kj6U9KYdG0h6UdLbkh7poFXMfUnSOyVvL0h6VtIXHbS6nOP+s/Zm9mvyXW1uuC9ohZ72E9uDmXWLJOB1GxsH+DxPftsB8B6wlGDN02TAkxG6+4D3TWsbeC5CS8CDFce+AW500LhhOW2020TRjK3b21HEmgti9m0RonxbdMZeVzV+/4tF3cBpP7E9mKHNL5q8h5g0eYsCMQz0epq8gQrwMXAgcs0FGXGFRcB9wCemF9PkbYqM/Bas7fxLwNeJPdTdpo4itQti8lPMqTpXuozVRVXPpbHI3KkNTB1NfkL81j2mvhDp91HgV9MKuRIqrykj3WPq4rHyL+axj8/qGPmTqi6F9YDlHOvJU6oYcTsh/TYSzWmTE6JT19CtLTJt32D6CmHe0eQn1O8z5AXgT4sx4Vcu0/EQecMydB8z0hUWkTd2t4CrwNEePqMBcAR4mrBbwyXLPWJa8zrXmmLEhNBmfpkuY2102xxrih+pb+ieAb6vGhuA97UcJ5KR8gZ77K+99xxeYBzH6Q3/Z0fHcXrDC4zjOL3hBcZxnN74F+zlvXFWXF9PAAAAAElFTkSuQmCC);
  background-repeat: no-repeat;
  background-size: 280px;
  color: transparent;
  display: block;
  font-size: 0;
  height: 20px;
  line-height: 0;
  width: 20px;
}

.viewer-zoom-in:before {
  background-position: 0 0;
  content: "Zoom In";
}

.viewer-zoom-out:before {
  background-position: -20px 0;
  content: "Zoom Out";
}

.viewer-one-to-one:before {
  background-position: -40px 0;
  content: "One to One";
}

.viewer-reset:before {
  background-position: -60px 0;
  content: "Reset";
}

.viewer-prev:before {
  background-position: -80px 0;
  content: "Previous";
}

.viewer-play:before {
  background-position: -100px 0;
  content: "Play";
}

.viewer-next:before {
  background-position: -120px 0;
  content: "Next";
}

.viewer-rotate-left:before {
  background-position: -140px 0;
  content: "Rotate Left";
}

.viewer-rotate-right:before {
  background-position: -160px 0;
  content: "Rotate Right";
}

.viewer-flip-horizontal:before {
  background-position: -180px 0;
  content: "Flip Horizontal";
}

.viewer-flip-vertical:before {
  background-position: -200px 0;
  content: "Flip Vertical";
}

.viewer-fullscreen:before {
  background-position: -220px 0;
  content: "Enter Full Screen";
}

.viewer-fullscreen-exit:before {
  background-position: -240px 0;
  content: "Exit Full Screen";
}

.viewer-close:before {
  background-position: -260px 0;
  content: "Close";
}

.viewer-container {
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
  bottom: 0;
  direction: ltr;
  font-size: 0;
  left: 0;
  line-height: 0;
  overflow: hidden;
  position: absolute;
  right: 0;
  top: 0;
  -ms-touch-action: none;
  touch-action: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.viewer-container::-moz-selection, .viewer-container ::-moz-selection {
  background-color: transparent;
}

.viewer-container::selection, .viewer-container ::selection {
  background-color: transparent;
}

.viewer-container:focus {
  outline: 0;
}

.viewer-container img {
  display: block;
  height: auto;
  max-height: none !important;
  max-width: none !important;
  min-height: 0 !important;
  min-width: 0 !important;
  width: 100%;
}

.viewer-canvas {
  bottom: 0;
  left: 0;
  overflow: hidden;
  position: absolute;
  right: 0;
  top: 0;
}

.viewer-canvas > img {
  height: auto;
  margin: 15px auto;
  max-width: 90% !important;
  width: auto;
}

.viewer-footer {
  bottom: 0;
  left: 0;
  overflow: hidden;
  position: absolute;
  right: 0;
  text-align: center;
}

.viewer-navbar {
  background-color: rgba(0, 0, 0, 0.5);
  overflow: hidden;
}

.viewer-list {
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  height: 50px;
  margin: 0;
  overflow: hidden;
  padding: 1px 0;
}

.viewer-list > li {
  color: transparent;
  cursor: pointer;
  float: left;
  font-size: 0;
  height: 50px;
  line-height: 0;
  opacity: 0.5;
  overflow: hidden;
  -webkit-transition: opacity 0.15s;
  transition: opacity 0.15s;
  width: 30px;
}

.viewer-list > li:focus, .viewer-list > li:hover {
  opacity: 0.75;
}

.viewer-list > li:focus {
  outline: 0;
}

.viewer-list > li + li {
  margin-left: 1px;
}

.viewer-list > .viewer-loading {
  position: relative;
}

.viewer-list > .viewer-loading:after {
  border-width: 2px;
  height: 20px;
  margin-left: -10px;
  margin-top: -10px;
  width: 20px;
}

.viewer-list > .viewer-active, .viewer-list > .viewer-active:focus, .viewer-list > .viewer-active:hover {
  opacity: 1;
}

.viewer-player {
  background-color: #000;
  bottom: 0;
  cursor: none;
  display: none;
  right: 0;
  z-index: 1;
}

.viewer-player, .viewer-player > img {
  left: 0;
  position: absolute;
  top: 0;
}

.viewer-toolbar > ul {
  display: inline-block;
  margin: 0 auto 5px;
  overflow: hidden;
  padding: 6px 3px;
}

.viewer-toolbar > ul > li {
  background-color: rgba(0, 0, 0, 0.5);
  border-radius: 50%;
  cursor: pointer;
  float: left;
  height: 24px;
  overflow: hidden;
  -webkit-transition: background-color 0.15s;
  transition: background-color 0.15s;
  width: 24px;
}

.viewer-toolbar > ul > li:focus, .viewer-toolbar > ul > li:hover {
  background-color: rgba(0, 0, 0, 0.8);
}

.viewer-toolbar > ul > li:focus {
  -webkit-box-shadow: 0 0 3px #fff;
  box-shadow: 0 0 3px #fff;
  outline: 0;
  position: relative;
  z-index: 1;
}

.viewer-toolbar > ul > li:before {
  margin: 2px;
}

.viewer-toolbar > ul > li + li {
  margin-left: 1px;
}

.viewer-toolbar > ul > .viewer-small {
  height: 18px;
  margin-bottom: 3px;
  margin-top: 3px;
  width: 18px;
}

.viewer-toolbar > ul > .viewer-small:before {
  margin: -1px;
}

.viewer-toolbar > ul > .viewer-large {
  height: 30px;
  margin-bottom: -3px;
  margin-top: -3px;
  width: 30px;
}

.viewer-toolbar > ul > .viewer-large:before {
  margin: 5px;
}

.viewer-tooltip {
  background-color: rgba(0, 0, 0, 0.8);
  border-radius: 10px;
  color: #fff;
  display: none;
  font-size: 12px;
  height: 20px;
  left: 50%;
  line-height: 20px;
  margin-left: -25px;
  margin-top: -10px;
  position: absolute;
  text-align: center;
  top: 50%;
  width: 50px;
}

.viewer-title {
  color: #ccc;
  display: inline-block;
  font-size: 12px;
  line-height: 1;
  margin: 0 5% 5px;
  max-width: 90%;
  opacity: 0.8;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-transition: opacity 0.15s;
  transition: opacity 0.15s;
  white-space: nowrap;
}

.viewer-title:hover {
  opacity: 1;
}

.viewer-button {
  background-color: rgba(0, 0, 0, 0.5);
  border-radius: 50%;
  cursor: pointer;
  height: 80px;
  overflow: hidden;
  position: absolute;
  right: -40px;
  top: -40px;
  -webkit-transition: background-color 0.15s;
  transition: background-color 0.15s;
  width: 80px;
}

.viewer-button:focus, .viewer-button:hover {
  background-color: rgba(0, 0, 0, 0.8);
}

.viewer-button:focus {
  -webkit-box-shadow: 0 0 3px #fff;
  box-shadow: 0 0 3px #fff;
  outline: 0;
}

.viewer-button:before {
  bottom: 15px;
  left: 15px;
  position: absolute;
}

.viewer-fixed {
  position: fixed;
}

.viewer-open {
  overflow: hidden;
}

.viewer-show {
  display: block;
}

.viewer-hide {
  display: none;
}

.viewer-backdrop {
  background-color: rgba(0, 0, 0, 0.5);
}

.viewer-invisible {
  visibility: hidden;
}

.viewer-move {
  cursor: move;
  cursor: -webkit-grab;
  cursor: grab;
}

.viewer-fade {
  opacity: 0;
}

.viewer-in {
  opacity: 1;
}

.viewer-transition {
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

@-webkit-keyframes viewer-spinner {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(1turn);
    transform: rotate(1turn);
  }
}
@keyframes viewer-spinner {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(1turn);
    transform: rotate(1turn);
  }
}
.viewer-loading:after {
  -webkit-animation: viewer-spinner 1s linear infinite;
  animation: viewer-spinner 1s linear infinite;
  border: 4px solid hsla(0, 0%, 100%, 0.1);
  border-left-color: hsla(0, 0%, 100%, 0.5);
  border-radius: 50%;
  content: "";
  display: inline-block;
  height: 40px;
  left: 50%;
  margin-left: -20px;
  margin-top: -20px;
  position: absolute;
  top: 50%;
  width: 40px;
  z-index: 1;
}

@media (max-width: 767px) {
  .viewer-hide-xs-down {
    display: none;
  }
}
@media (max-width: 991px) {
  .viewer-hide-sm-down {
    display: none;
  }
}
@media (max-width: 1199px) {
  .viewer-hide-md-down {
    display: none;
  }
}
.dol-image-card {
  cursor: pointer;
  width: fit-content;
}
.dol-image-card img {
  width: 100%;
  border-radius: 5px;
}

.dol-faq-list-item {
  font-size: 14px;
  color: #333;
  margin: 0 0 5px;
  word-break: break-all;
}

.dol-faq-list-item:last-child {
  margin: 0;
}

.dol-faq-list-card {
  position: relative;
  border: 1px solid #ddd;
  background: #fff;
  padding: 12px;
  border-radius: 6px;
  box-sizing: border-box;
}
.dol-faq-list-card__category {
  display: flex;
  border-bottom: 1px solid #e4e4e4;
  margin-bottom: 10px;
  position: relative;
  display: flex;
  align-items: center;
}
.dol-faq-list-card__category-icon {
  width: 60px;
  height: 60px;
  background-size: cover;
  background-position: center;
}
.dol-faq-list-card__category-title {
  font-size: 16px;
  position: relative;
  color: #333;
}

.dol-system-notify-card {
  display: flex;
  width: 100%;
  justify-content: center;
  align-items: center;
  margin-top: 18px;
}
.dol-system-notify-card__content {
  font-size: 12px;
  padding: 0 8px;
  color: rgba(0, 0, 0, 0.42);
  background: #edeff2;
  border-radius: 2px;
}

.dol-timeline-card {
  display: flex;
  width: 100%;
  justify-content: center;
  align-items: center;
  margin-top: 18px;
}
.dol-timeline-card__content {
  font-size: 12px;
  padding: 0 8px;
  color: rgba(0, 0, 0, 0.42);
  background: #edeff2;
}

.dol-emoji {
  display: flex;
  flex-direction: column;
  width: 315px;
  height: 220px;
  background: #fff;
  border-radius: 5px;
  text-align: left;
  border: 1px solid #eee;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
}

.dol-emoji-content {
  flex: 1 1 0;
  padding: 10px 5px 0;
}
.dol-emoji-content__item {
  position: relative;
  cursor: pointer;
}
.dol-emoji-content__item:hover {
  border: 1px #ccc solid;
}
.dol-emoji-content__item:hover .dol-emoji-content__item-popup {
  display: block;
}
.dol-emoji-content__item-popup {
  display: none;
  position: absolute;
  left: 100%;
  top: 100%;
  z-index: 999;
  background: #f6f6f6;
  font-size: 12px;
  color: #000;
  padding: 3px;
  border: 1px solid #ccc;
  min-width: 35px;
  text-align: center;
  white-space: nowrap;
}

.dol-emoji-tab {
  width: 100%;
  height: auto;
  background-color: #f1f1f1;
  border-top: 1px solid rgba(0, 0, 0, 0.05);
  display: flex;
}
.dol-emoji-tab__item {
  position: relative;
  width: 36px !important;
  height: 36px !important;
  background-repeat: no-repeat;
  background-size: cover;
  cursor: pointer;
  padding: 3px 2px;
  margin-right: 1px;
  margin-left: 1px;
}
.dol-emoji-tab__item--active {
  background-color: #fff;
}
.dol-emoji-tab__item:not(:last-of-type):after {
  content: "|";
  color: #d1d1d1;
  position: absolute;
  right: -3px;
  top: 5px;
}

.dol-emoji-display {
  display: inline-block;
}
.dol-emoji-display__content {
  position: relative;
  cursor: pointer;
  margin-left: 0 !important;
}

.dol-video-card video {
  width: 100%;
}

.dol-lastmessage-renderer {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.dol-voice-card__wrapper {
  position: relative;
  padding-bottom: 3px;
  margin-bottom: 3px;
  border-bottom: 1px solid #ccc;
  display: flex;
  width: 100%;
}
.dol-voice-card__wrapper-hide {
  background: #fff;
  display: inline-block;
  width: 10px;
  height: 15px;
  border-radius: 4px;
  position: absolute;
  top: 3px;
  left: 10px;
  animation: show-hide 1s infinite;
}
.dol-voice-card__wrapper-duration {
  margin-left: 5px;
  position: absolute;
  left: 10px;
}

@keyframes show-hide {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 100;
  }
}
.dol-order-card-inner__box {
  color: #333;
  width: 100%;
  overflow: hidden;
}
.dol-order-card-inner__box-header {
  display: flex;
  justify-content: space-between;
  padding-bottom: 10px;
  margin-bottom: 6px;
  border-bottom: 1px solid #f5f5f5;
  line-height: 24px;
  font-size: 12px;
  align-items: center;
}
.dol-order-card-inner__box-header-content input {
  background: transparent;
  outline: none;
  border: none;
  color: #333;
  font-size: 12px;
}
.dol-order-card-inner__box-header-btn {
  width: 36px;
  height: 18px;
  line-height: 18px;
  display: inline-block;
  background-color: #5ec77c;
  color: #fff;
  text-align: center;
  border-radius: 12px;
  cursor: pointer;
}
.dol-order-card-inner__box-content {
  display: flex;
}
.dol-order-card-inner__box-content-avatar {
  box-sizing: border-box;
  width: 40px;
  height: 40px;
}
.dol-order-card-inner__box-content-avatar img {
  width: 40px;
  height: 40px;
  border-radius: 4px;
  border: 1px solid #d8d8d8;
}
.dol-order-card-inner__box-content-info {
  display: flex;
  flex-direction: column;
  justify-content: center;
  font-size: 12px;
  padding-left: 10px;
  flex: 1;
  overflow: hidden;
}
.dol-order-card-inner__box-content-info-top {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.dol-order-card-inner__box-content-info-top-title {
  font-size: 14px;
  font-weight: 700;
  height: 20px;
  line-height: 20px;
  max-width: 70%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.dol-order-card-inner__box-content-info-top-status {
  max-width: 30%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.dol-order-card-inner__box-content-info-bottom {
  display: flex;
  color: #666;
  justify-content: space-between;
  line-height: 16px;
  margin-top: 5px;
}
.dol-order-card-inner__box-content-info-bottom-content-container {
  flex: 1 1 0;
  overflow: hidden;
}
.dol-order-card-inner__box-content-info-bottom-content {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.dol-order-card-inner__box-content-info-bottom-price {
  flex: 0 0 auto;
  margin-left: 10px;
}

.dol-order-card {
  display: flex;
  align-items: flex-end;
  overflow: hidden;
}
.dol-order-card__status {
  display: flex;
  line-height: 18px;
  margin: 0 4px;
  width: 55px;
  flex: 0 0 55px;
}
.dol-order-card__status-text {
  margin-left: 2px;
  font-size: 12px;
  color: rgba(0, 0, 0, 0.5);
}
.dol-order-card__box {
  flex: 1 1 0;
  overflow: hidden;
  padding: 12px;
  border: 1px solid #ddd;
  border-radius: 6px;
  background: #fff;
  color: #333;
}

.dol-order-list {
  display: flex;
  align-items: flex-end;
  overflow: hidden;
}
.dol-order-list__box {
  flex: 1 1 0;
  position: relative;
  min-width: 120px;
  border: 1px solid #ddd;
  background-color: #fff;
  position: relative;
  padding: 12px;
  border-radius: 6px;
  word-break: break-all;
  box-sizing: border-box;
}
.dol-order-list__bottom-border {
  padding: 10px 0;
  border-bottom: 1px solid #e5e5e5;
}
.dol-order-list__bottom-border:first-child {
  padding-top: 0;
}
.dol-order-list__bottom-border:last-child {
  border-bottom: none;
  padding-bottom: 0;
}
.dol-order-list__bottom-collapse {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 24px;
  font-size: 12px;
  line-height: 15px;
  color: rgba(0, 0, 0, 0.35);
  cursor: pointer;
}
.dol-order-list__bottom-collapse .expand {
  transform: rotate(-180deg);
}
.dol-order-list__bottom-collapse .dol-icon-down {
  padding-left: 5px;
}
.dol-order-list__confirm-state {
  display: flex;
  line-height: 18px;
  margin: 0 4px;
  width: 55px;
  flex: 0 0 55px;
}
.dol-order-list__confirm-state__tips {
  margin-left: 2px;
  font-size: 12px;
  color: rgba(0, 0, 0, 0.5);
}

.dol-order-list__scroll-collapse {
  max-height: 300px;
  overflow: hidden;
}

.dol-order-list__scroll-expand {
  max-height: 350px;
  overflow-y: scroll;
}
.dol-order-list__scroll-expand::-webkit-scrollbar {
  display: none;
}

.dol-network-status {
  height: 36px;
  min-height: 36px;
  padding: 0 8px;
  opacity: 1;
  font-size: 14px;
  transition: all 0.3s linear;
  display: flex;
  line-height: 36px;
  justify-content: left;
}
.dol-network-status__text {
  margin-left: 4px;
}

.dol-file-card {
  display: flex;
  width: 100%;
  padding: 12px;
  border: 1px solid #ddd;
  border-radius: 6px;
  background: #fff;
}
.dol-file-card__type-image {
  width: 50px;
  height: 50px;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}
.dol-file-card__right-container {
  display: flex;
  flex-direction: column;
  flex: 1 1 0;
  height: 50px;
  margin-left: 10px;
  justify-content: space-between;
}
.dol-file-card__name {
  color: #333;
  max-width: 100%;
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
  cursor: pointer;
}
.dol-file-card__right-bottom-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.dol-file-card__size {
  margin-top: 5px;
  height: 20px;
  line-height: 20px;
  position: relative;
  font-size: 12px;
  color: #999;
  text-align: left;
}
.dol-file-card__btn {
  padding-right: 5px;
}
.dol-file-card__btn a {
  cursor: pointer;
  color: #5ec77c;
  margin-right: 5px;
  text-decoration: none;
}
.dol-file-card__btn a:hover, .dol-file-card__btn a:active {
  color: #5ec77c;
}
.dol-file-card__preview video {
  max-height: 600px;
  max-width: 600px;
}
.dol-file-card__preview--video {
  width: 100%;
  height: 100%;
}
.dol-file-card__preview--audio {
  margin-top: 20px;
}

.dol-sms {
  width: 288px;
  background: #fff;
  border-radius: 5px;
  text-align: left;
  border: 1px solid #eee;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
  padding: 16px 12px;
  font-family: Helvetica Neue, Helvetica, Arial, PingFang SC, Heiti SC, Hiragino Sans GB, Microsoft YaHei, sans-serif;
}
.dol-sms__header {
  padding-bottom: 12px;
  color: rgba(0, 0, 0, 0.84);
  font-size: 18px;
  font-weight: 500;
  line-height: 26px;
  display: flex;
  justify-content: space-between;
}
.dol-sms__header-close {
  font-size: 20px;
  color: rgba(0, 0, 0, 0.6);
  cursor: pointer;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.dol-sms__header-close:hover {
  color: rgba(0, 0, 0, 0.72);
  background-color: rgba(0, 0, 0, 0.06);
}
.dol-sms__content {
  margin-bottom: 10px;
}
.dol-sms__content-item-label {
  text-align: right;
  vertical-align: middle;
  float: left;
  padding-right: 12px;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.6);
  line-height: 32px;
}
.dol-sms__content-item-label::before {
  font-family: SimSun, sans-serif;
  display: inline-block;
  margin-right: 4px;
  content: "*";
  color: #f5483b;
}
.dol-sms__content-item-wrapper {
  display: inline-block;
  position: relative;
  color: rgba(0, 0, 0, 0.72);
  height: 32px;
  font-size: 14px;
  width: 150px;
}
.dol-sms__content-item-wrapper-input {
  padding: 0 8px;
  font-size: inherit;
  display: block;
  width: 100%;
  height: 100%;
  color: currentColor;
  border: 1px solid rgba(0, 0, 0, 0.12);
  border-radius: 4px;
}
.dol-sms__content-item-content {
  padding-left: 10px;
}
.dol-sms__content-item-content-textarea {
  font-size: 14px;
  color: rgba(0, 0, 0, 0.72);
  border: 1px solid rgba(0, 0, 0, 0.12);
  border-radius: 4px;
  vertical-align: bottom;
  padding: 4px 8px;
  max-width: 100%;
  width: 260px;
  min-height: 32px;
  resize: vertical;
  line-height: 22px;
}
.dol-sms__footer {
  text-align: center;
}
.dol-sms__footer-button {
  color: #fff;
  background: #5dc77b;
  border-color: #5dc77b;
  text-align: center;
  font-weight: 400;
  transition: all 0.3s;
  border-radius: 4px;
  line-height: 1;
  display: inline-block;
  min-width: 32px;
  height: 32px;
  padding: 0 12px;
  font-size: 14px;
  outline: none;
  border: 1px solid rgba(0, 0, 0, 0.12);
  cursor: pointer;
}
.dol-sms__footer-button-disabled {
  color: rgba(0, 0, 0, 0.84);
  opacity: 0.45;
  cursor: not-allowed;
}
.dol-sms__footer-errmsg {
  color: red;
  margin-top: 5px;
  font-size: 14px;
}

.dol-self-button {
  display: flex;
  width: 100%;
  flex-wrap: wrap;
  margin-top: 18px;
  justify-content: space-between;
  word-break: break-all;
}
.dol-self-button__btn {
  overflow: hidden;
  text-align: center;
  flex: 1 1 240px;
  padding: 0 8px;
  margin: 0 4px 8px;
  height: 32px;
  line-height: 32px;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.87);
  background-color: #edeff2;
}
.dol-self-button__btn::after {
  border-radius: 50px;
}
.dol-self-button__btn:active {
  background-color: #ececec;
}
.dol-self-button__btn__name {
  overflow: hidden;
  max-height: 100%;
  text-overflow: ellipsis;
  width: 100%;
  white-space: nowrap;
  cursor: pointer;
}

.dol-skill-transfer {
  width: 750px;
  height: 385px;
  background-color: #fff;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
  padding: 15px 0 20px 14px;
  overflow-y: auto;
  z-index: 10000;
  cursor: auto;
}
.dol-skill-transfer__close {
  text-align: right;
  position: sticky;
  top: 10px;
  margin-right: 10px;
  z-index: 1;
}
.dol-skill-transfer__close .dol-icon-svg {
  cursor: pointer;
}
.dol-skill-transfer-container__title {
  font-size: 16px;
  border-left: 2px solid #5dc77b;
  padding-left: 5px;
  margin-left: 5px;
  font-weight: 700;
  margin-bottom: 10px;
  text-align: left;
}
.dol-skill-transfer-container__common-container {
  display: flex;
  flex-wrap: wrap;
  padding: 0 20px;
  margin-bottom: 20px;
  flex: 0 0 auto;
  justify-content: flex-start;
}
.dol-skill-transfer-container__all-container {
  display: flex;
  position: sticky;
}
.dol-skill-transfer-container__left-container {
  flex: 0 0 auto;
  margin-right: 20px;
}
.dol-skill-transfer-container__right-container {
  flex: 1 1 0;
  margin-right: 30px;
}
.dol-skill-transfer-common-skill {
  position: relative;
  margin: 5px;
  border: 1px solid #ddd;
  cursor: pointer;
  width: 150px;
}
.dol-skill-transfer-common-skill__name {
  font-size: 16px;
  color: #333;
  text-align: center;
  padding: 8px 21px;
  background: #f7fffa;
}
.dol-skill-transfer-common-skill__message {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 30px;
}
.dol-skill-transfer-common-skill__message-item {
  margin-right: 4px;
}
.dol-skill-transfer-common-skill__message-item--green-color {
  color: #5ec77c;
}
.dol-skill-transfer-common-skill__transfer-overflow {
  display: none;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  border: 1px solid #37b35a;
  box-shadow: 2px 2px 3px 0 #ccc;
  justify-content: center;
  align-items: center;
  background-color: #ccc;
}
.dol-skill-transfer-common-skill:hover .dol-skill-transfer-common-skill__transfer-overflow {
  display: flex;
}
.dol-skill-transfer-all-selector {
  position: relative;
  height: fit-content;
  position: sticky;
  top: 0;
}
.dol-skill-transfer-all-selector__item {
  margin: 20px 0;
  cursor: pointer;
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.dol-skill-transfer-all-selector__item.active .dol-skill-transfer-all-selector__text {
  color: #5dc77b;
}
.dol-skill-transfer-all-selector__item.active .dol-skill-transfer-all-selector__cursor {
  display: block;
}
.dol-skill-transfer-all-selector__text {
  width: 90px;
  text-align: center;
}
.dol-skill-transfer-all-selector__cursor {
  display: none;
  position: relative;
  background: #5dc77b;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  z-index: 10;
}
.dol-skill-transfer-all-selector__child-cursor {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 11px;
  height: 11px;
  background-color: #fff;
  border-radius: 50%;
}
.dol-skill-transfer-all-selector__baseline {
  position: absolute;
  left: 98.5px;
  top: 0;
  border-right: 1px solid #ccc;
  height: 80%;
  margin-top: 20%;
}
.dol-skill-transfer-text-filter {
  text-align: right;
  line-height: 38px;
  height: 38px;
  margin-bottom: 10px;
  position: sticky;
  top: -15px;
  background: #fff;
}
.dol-skill-transfer-text-filter input {
  outline: none;
  width: 250px;
  height: 30px;
  padding: 4px 8px;
  line-height: 1.42857143;
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 2px;
  outline: 0;
}
.dol-skill-transfer-skill-table {
  margin-right: 20px;
  border: 1px solid #ddd;
  width: 100%;
  text-align: center;
  border-collapse: collapse;
}
.dol-skill-transfer-skill-table__header {
  border-bottom: 1px solid #ddd;
  background-color: #fafafa;
}
.dol-skill-transfer-skill-table__header-item {
  height: 36px;
  line-height: 20px;
  font-size: 12px;
  color: #666;
  text-align: center;
}
.dol-skill-transfer-skill-table__body:nth-of-type(even) {
  background-color: #fafafa;
}
.dol-skill-transfer-skill-table__body-item {
  height: 36px;
  line-height: 20px;
  font-size: 12px;
  color: #666;
  cursor: pointer;
  text-align: center;
}
.dol-skill-transfer-skill-table__body-item-wordset {
  max-width: 60px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-align: center;
  margin: auto;
}
.dol-skill-transfer-skill-table__body-item--orange-font {
  color: orange;
}
.dol-skill-transfer-no-skill {
  height: 150px;
  line-height: 150px;
  text-align: center;
}
.dol-skill-transfer-no-skill a {
  cursor: pointer;
}
.dol-skill-transfer-loading {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.dol-skill-transfer-loading .dol-icon::before {
  animation: rotating 1.5s infinite linear;
  display: block;
}
.dol-skill-transfer-transfer-btn {
  visibility: hidden;
  color: #fff;
  background-color: #5dc77b;
  border-color: #5dc77b;
  padding: 4px 12px;
  line-height: 1.42857143;
  font-size: 14px;
  border-radius: 2px;
  cursor: pointer;
  font-weight: 400;
  white-space: nowrap;
  margin: auto;
}
.dol-skill-transfer-transfer-btn:hover {
  background-color: #70ce8a;
}
.dol-skill-transfer-transfer-btn:active {
  background-color: #83d49a;
}
.dol-skill-transfer-skill-table__body:hover .dol-skill-transfer-transfer-btn, .dol-skill-transfer-common-skill__transfer-overflow .dol-skill-transfer-transfer-btn {
  visibility: visible;
}
@keyframes rotating {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

.dol-voice-input {
  position: relative;
}
.dol-voice-input__icon {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  overflow: hidden;
  line-height: 32px;
  text-align: center;
  margin: auto;
  cursor: pointer;
}
.dol-voice-input__icon-default:hover {
  background: rgba(0, 0, 0, 0.06);
}
.dol-voice-input__icon-red {
  background-color: #f5483b;
}
.dol-voice-input__dialog {
  position: absolute;
  z-index: 10;
  top: -12px;
  left: -22px;
  width: 76px;
  height: 86px;
  padding: 12px 0 8px;
  background: #ffffff;
  box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.04), 0 6px 12px 12px rgba(0, 0, 0, 0.04), 0 6px 10px 0 rgba(0, 0, 0, 0.08);
  border-radius: 6px;
}
.dol-voice-input__dialog-wrap {
  position: relative;
}
.dol-voice-input__dialog-wrap .dol-voice-input__icon {
  position: absolute;
  left: 22px;
  top: 0;
  z-index: 10;
}
.dol-voice-input__dialog-wrap__circle {
  width: 32px;
  height: 32px;
  margin: auto;
  border-radius: 50%;
  overflow: hidden;
  background-color: #f5483b;
  opacity: 0.3;
  animation: scaleCircle 0.8s infinite;
}
.dol-voice-input__dialog-end {
  width: 52px;
  height: 24px;
  line-height: 24px;
  margin: 10px auto 0;
  text-align: center;
  cursor: pointer;
  font-size: 12px;
  border: 1px solid rgba(0, 0, 0, 0.12);
  border-radius: 4px;
  color: rgba(0, 0, 0, 0.84);
}

@keyframes scaleCircle {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(1.4);
  }
}
.dol-manual-service-card {
  position: relative;
  padding: 12px;
  border: 1px solid #ddd;
  background-color: #fff;
  border-radius: 6px;
}
.dol-manual-service-card__text {
  line-height: 22px;
  color: rgba(0, 0, 0, 0.84);
  font-size: 14px;
}

.dol-order-card-inner__box {
  color: #333;
  width: 100%;
  overflow: hidden;
}
.dol-order-card-inner__box-header {
  display: flex;
  justify-content: space-between;
  padding-bottom: 10px;
  margin-bottom: 6px;
  border-bottom: 1px solid #f5f5f5;
  line-height: 24px;
  font-size: 12px;
  align-items: center;
}
.dol-order-card-inner__box-header-content input {
  background: transparent;
  outline: none;
  border: none;
  color: #333;
  font-size: 12px;
}
.dol-order-card-inner__box-header-btn {
  width: 36px;
  height: 18px;
  line-height: 18px;
  display: inline-block;
  background-color: #5ec77c;
  color: #fff;
  text-align: center;
  border-radius: 12px;
  cursor: pointer;
}
.dol-order-card-inner__box-content {
  display: flex;
}
.dol-order-card-inner__box-content-avatar {
  box-sizing: border-box;
  width: 40px;
  height: 40px;
}
.dol-order-card-inner__box-content-avatar img {
  width: 40px;
  height: 40px;
  border-radius: 4px;
  border: 1px solid #d8d8d8;
}
.dol-order-card-inner__box-content-info {
  display: flex;
  flex-direction: column;
  justify-content: center;
  font-size: 12px;
  padding-left: 10px;
  flex: 1;
  overflow: hidden;
}
.dol-order-card-inner__box-content-info-top {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.dol-order-card-inner__box-content-info-top-title {
  font-size: 14px;
  font-weight: 700;
  height: 20px;
  line-height: 20px;
  max-width: 70%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.dol-order-card-inner__box-content-info-top-status {
  max-width: 30%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.dol-order-card-inner__box-content-info-bottom {
  display: flex;
  color: #666;
  justify-content: space-between;
  line-height: 16px;
  margin-top: 5px;
}
.dol-order-card-inner__box-content-info-bottom-content-container {
  flex: 1 1 0;
  overflow: hidden;
}
.dol-order-card-inner__box-content-info-bottom-content {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.dol-order-card-inner__box-content-info-bottom-price {
  flex: 0 0 auto;
  margin-left: 10px;
}

.dol-visitor-form-card {
  width: 100%;
  display: flex;
  overflow: hidden;
}
.dol-visitor-form-card__container {
  flex: 1 1 0;
  overflow: hidden;
  border: 1px solid #e5e5e5;
  padding: 12px;
  border-radius: 5px;
  background: #fff;
}
.dol-visitor-form-card__visitor-status {
  width: 55px;
  margin-right: 5px;
  align-self: flex-end;
}
.dol-visitor-form-card__visitor-status__content {
  display: flex;
  align-items: flex-end;
}
.dol-visitor-form-card__visitor-status__content-text {
  margin-left: 2px;
  font-size: 12px;
  color: rgba(0, 0, 0, 0.5);
}
.dol-visitor-form-card__view-module-item {
  display: flex;
  padding: 8px 0;
  border-bottom: 1px solid #eee;
}
.dol-visitor-form-card__view-module-name {
  width: 120px;
}
.dol-visitor-form-card__view-module-name.full-line {
  width: 100%;
}
.dol-visitor-form-card__view-module-data {
  flex: 1;
  text-align: right;
}
.dol-visitor-form-card__text {
  width: 100%;
}
.dol-visitor-form-card__textarea {
  display: block;
}
.dol-visitor-form-card__textarea .dol-visitor-form-card__view-module-data {
  text-align: left;
  margin-top: 3px;
}
.dol-visitor-form-card__upload {
  display: block;
}
.dol-visitor-form-card__upload-img-list {
  padding-top: 6px;
}
.dol-visitor-form-card__upload-img-item {
  display: inline-block;
  width: 23%;
  padding-top: 23%;
  border-radius: 4px;
  background-size: cover;
  margin: 0 2px;
  border: 1px solid #ddd;
  cursor: pointer;
}
.dol-visitor-form-card__backcontact {
  display: block;
}
.dol-visitor-form-card__backcontact__line-item {
  line-height: 30px;
  display: flex;
}
.dol-visitor-form-card__backcontact__guide {
  color: rgba(0, 0, 0, 0.6);
  border-bottom: 1px solid #ccc;
  padding-bottom: 8px;
}

.dol-faq-list-item {
  font-size: 14px;
  color: #333;
  margin: 0 0 5px;
  word-break: break-all;
}

.dol-faq-list-item:last-child {
  margin: 0;
}

.dol-order-card-inner__box {
  color: #333;
  width: 100%;
  overflow: hidden;
}
.dol-order-card-inner__box-header {
  display: flex;
  justify-content: space-between;
  padding-bottom: 10px;
  margin-bottom: 6px;
  border-bottom: 1px solid #f5f5f5;
  line-height: 24px;
  font-size: 12px;
  align-items: center;
}
.dol-order-card-inner__box-header-content input {
  background: transparent;
  outline: none;
  border: none;
  color: #333;
  font-size: 12px;
}
.dol-order-card-inner__box-header-btn {
  width: 36px;
  height: 18px;
  line-height: 18px;
  display: inline-block;
  background-color: #5ec77c;
  color: #fff;
  text-align: center;
  border-radius: 12px;
  cursor: pointer;
}
.dol-order-card-inner__box-content {
  display: flex;
}
.dol-order-card-inner__box-content-avatar {
  box-sizing: border-box;
  width: 40px;
  height: 40px;
}
.dol-order-card-inner__box-content-avatar img {
  width: 40px;
  height: 40px;
  border-radius: 4px;
  border: 1px solid #d8d8d8;
}
.dol-order-card-inner__box-content-info {
  display: flex;
  flex-direction: column;
  justify-content: center;
  font-size: 12px;
  padding-left: 10px;
  flex: 1;
  overflow: hidden;
}
.dol-order-card-inner__box-content-info-top {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.dol-order-card-inner__box-content-info-top-title {
  font-size: 14px;
  font-weight: 700;
  height: 20px;
  line-height: 20px;
  max-width: 70%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.dol-order-card-inner__box-content-info-top-status {
  max-width: 30%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.dol-order-card-inner__box-content-info-bottom {
  display: flex;
  color: #666;
  justify-content: space-between;
  line-height: 16px;
  margin-top: 5px;
}
.dol-order-card-inner__box-content-info-bottom-content-container {
  flex: 1 1 0;
  overflow: hidden;
}
.dol-order-card-inner__box-content-info-bottom-content {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.dol-order-card-inner__box-content-info-bottom-price {
  flex: 0 0 auto;
  margin-left: 10px;
}

.dol-order-card {
  display: flex;
  align-items: flex-end;
  overflow: hidden;
}
.dol-order-card__status {
  display: flex;
  line-height: 18px;
  margin: 0 4px;
  width: 55px;
  flex: 0 0 55px;
}
.dol-order-card__status-text {
  margin-left: 2px;
  font-size: 12px;
  color: rgba(0, 0, 0, 0.5);
}
.dol-order-card__box {
  flex: 1 1 0;
  overflow: hidden;
  padding: 12px;
  border: 1px solid #ddd;
  border-radius: 6px;
  background: #fff;
  color: #333;
}

.dol-order-detail-card {
  width: 100%;
}

.dol-call-out {
  padding: 12px 12px 2px;
  background: #fff;
  border: 1px solid #e5e5e5;
  border-radius: 5px;
  width: 100%;
}
.dol-call-out__header {
  display: flex;
  border-bottom: 1px solid #e5e5e5;
  align-items: center;
}
.dol-call-out__header-title {
  flex: 1;
  font-size: 16px;
  color: #333;
  line-height: 40px;
  overflow: hidden;
  margin-left: 4px;
}
.dol-call-out__content-list {
  display: flex;
  padding-inline-start: 0;
  margin: 0 0 14px;
}
.dol-call-out__content-list-item {
  flex: 1;
  text-align: center;
  list-style: none;
}
.dol-call-out__content-list-item:not(:last-child) {
  border-right: 1px solid #efefef;
}
.dol-call-out__content-list-item-title {
  font-size: 12px;
  color: #999;
  margin-top: 12px;
}
.dol-call-out__content-list-item-subTitle {
  font-size: 14px;
  color: #666;
  margin-top: 5px;
}

.dol-case-detail-card {
  width: 60%;
  margin-left: 20%;
  margin-bottom: 5px;
  border-radius: 6px;
  border: 1px solid #ddd;
  background: #fff;
  word-break: break-all;
}
.dol-case-detail-card .dol-case-operate {
  cursor: pointer;
  text-align: right;
  font-size: 12px;
  color: gray;
}
.dol-case-detail-card .dol-case-detail-card-wrap {
  padding: 10px 12px 0 12px;
}
.dol-case-detail-card .dol-case-detail-card-wrap .gray-color {
  color: gray;
}
.dol-case-detail-card .dol-case-detail-card-wrap .dol-case-label {
  margin-right: 5px;
  font-size: 12px;
  color: gray;
}
.dol-case-detail-card .dol-case-detail-card-wrap .dol-case-content {
  flex: 1;
  font-size: 12px;
  font-weight: 500;
}
.dol-case-detail-card .dol-case-detail-card-wrap__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.dol-case-detail-card .dol-case-detail-card-wrap__header-left {
  display: flex;
  justify-content: center;
  align-items: center;
}
.dol-case-detail-card .dol-case-detail-card-wrap__header-left-title {
  font-size: 14px;
  font-weight: 500;
}
.dol-case-detail-card .dol-case-detail-card-wrap__header-left-tag {
  margin-left: 5px;
  padding-left: 5px;
  padding-right: 5px;
  font-size: 12px;
  color: #fff;
  background-color: #5dc77b;
  border-radius: 10px;
}
.dol-case-detail-card .dol-case-detail-card-wrap__item {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.dol-case-detail-card .dol-case-detail-card-wrap__item-link {
  vertical-align: middle;
  color: #5dc77b;
  cursor: pointer;
}
.dol-case-detail-card .dol-case-detail-card-wrap__progress {
  display: flex;
  margin-top: 5px;
}
.dol-case-detail-card .dol-case-detail-card-wrap__progress-list {
  flex: 1;
}
.dol-case-detail-card .dol-case-detail-card-wrap__progress-item {
  display: flex;
  flex-direction: row;
}
.dol-case-detail-card .dol-case-detail-card-wrap__progress-item-line {
  display: flex;
  flex-direction: column;
  width: 14px;
  margin-right: 5px;
}
.dol-case-detail-card .dol-case-detail-card-wrap__progress-item-line-dot {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 14px;
  height: 14px;
}
.dol-case-detail-card .dol-case-detail-card-wrap__progress-item-line-circle {
  width: 8px;
  height: 8px;
  border-radius: 100%;
  background-color: gray;
}
.dol-case-detail-card .dol-case-detail-card-wrap__progress-item-line-dot--green {
  border-radius: 100%;
  background-color: rgba(0, 0, 0, 0);
  border: 2px solid #5dc77b;
}
.dol-case-detail-card .dol-case-detail-card-wrap__progress-item-line-circle--green {
  background-color: #5dc77b;
}
.dol-case-detail-card .dol-case-detail-card-wrap__progress-item-line-tail {
  flex: 1;
  width: 2px;
  min-height: 6px;
  margin: 2px auto;
  background: rgba(0, 0, 0, 0.06);
}
.dol-case-detail-card .dol-case-detail-card-wrap__progress-item-content {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  margin-top: -2px;
}
.dol-case-detail-card .dol-case-detail-card-wrap__progress-min {
  overflow: hidden;
  max-height: 100px;
}
.dol-case-detail-card .dol-expand-pick-up {
  margin: 5px 12px;
}
.dol-case-detail-card .dol-case-evaluate {
  position: relative;
  padding: 5px 12px;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  font-size: 10px;
  border-top: 0 solid rgba(0, 0, 0, 0);
  box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.04), 0 6px 12px 12px rgba(0, 0, 0, 0.04), 0 6px 10px 0 rgba(0, 0, 0, 0.08);
}
.dol-case-detail-card .dol-case-evaluate__icon {
  position: absolute;
  top: 3px;
  right: 4px;
  cursor: pointer;
}
.dol-case-detail-card .dol-case-evaluate__item {
  display: flex;
  align-items: center;
  margin-top: 5px;
}
.dol-case-detail-card .dol-case-evaluate__item-title {
  margin-right: 10px;
  font-weight: 500;
}

.dol-service-order-card {
  overflow: hidden;
}
.dol-service-order-card__unorder {
  padding: 10px 12px;
  border: 1px solid #ddd;
  border-radius: 6px;
  background: #fff;
  color: #333;
}
.dol-service-order-card__top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid #eee;
  margin-bottom: 10px;
  padding-bottom: 10px;
  font-size: 14px;
  color: #222;
  line-height: 16px;
}
.dol-service-order-card__top-type {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.dol-service-order-card__top-status {
  flex-shrink: 0;
  font-size: 12px;
  padding: 0 6px;
  border-radius: 6px;
  background: #ffc300;
}
.dol-service-order-card__top-right {
  flex-shrink: 0;
  font-size: 12px;
  color: #999;
}
.dol-service-order-card__bottom-service {
  margin-top: 12px;
}
.dol-service-order-card__bottom-service-item {
  display: flex;
  align-items: center;
  line-height: 20px;
}
.dol-service-order-card__bottom-service-item-text {
  font-size: 14px;
  color: #666;
}
.dol-service-order-card__bottom-service-item-text-active {
  font-weight: bold;
  color: #222;
}
.dol-service-order-card__bottom-service-item-time {
  margin-left: 16px;
  font-size: 12px;
  color: #999;
}

.dol-robot-option {
  border: 1px solid #ddd;
  background-color: #fff;
  border-radius: 6px;
  padding: 12px;
}
.dol-robot-option__answer {
  color: #333;
}
.dol-robot-option__answer-line {
  border-bottom: dotted;
  border-color: #bbb;
  border-width: 1px;
  margin: 10px 0 6px;
}
.dol-robot-option__recommend-list__item {
  padding: 5px 0;
  font-size: 14px;
  display: flex;
}
.dol-robot-option__recommend-list__link {
  width: 100%;
  height: 100%;
  display: block;
  color: #333 !important;
}

.dol-module-list-card {
  position: relative;
  border: 1px solid #ddd;
  background: #fff;
  padding: 12px;
  border-radius: 6px;
  word-break: break-all;
  box-sizing: border-box;
}
.dol-module-list-card-topic {
  font-size: 16px;
  margin-bottom: 10px;
  font-weight: 500;
}
.dol-module-list-card-business {
  display: flex;
  align-items: start;
  flex-direction: column;
}
.dol-module-list-card-business__item {
  display: flex;
}
.dol-module-list-card-business__item-image {
  width: 20px;
  height: 20px;
  background-position: center;
  background-size: cover;
  margin-bottom: 6px;
}
.dol-module-list-card-business:last-child {
  margin-bottom: 0;
}
.dol-module-list-card-business__item-text {
  white-space: wrap;
}

.dol-faq-answer-card {
  position: relative;
  min-width: 120px;
  border: 1px solid #ddd;
  background-color: #fff;
  position: relative;
  padding: 12px;
  border-radius: 6px;
  word-break: break-all;
  box-sizing: border-box;
}
.dol-faq-answer-card__list {
  padding: 12px 12px 2px;
}
.dol-faq-answer-card__answer-text {
  line-height: 21px;
  color: #333;
  font-size: 14px;
}
.dol-faq-answer-card__answer-img {
  margin-top: 12px;
  padding: 8px;
  display: flex;
  background: #f6f6f6;
  border: 1px solid #e7e7e7;
  border-radius: 4px;
}
.dol-faq-answer-card__img {
  flex: 1;
  height: 100px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50%;
  border-radius: 3px;
  overflow: hidden;
  position: relative;
  margin-left: 4px;
}
.dol-faq-answer-card__img:first-child {
  margin-left: 0;
}
.dol-faq-answer-card__btn-list {
  display: flex;
  margin-top: 10px;
  flex-wrap: wrap;
}
.dol-faq-answer-card__btn {
  text-align: center;
  flex: 1;
  padding: 0 8px;
  margin: 0 5px 10px;
  height: 26px;
  line-height: 26px;
  font-size: 12px;
  border-radius: 50px;
  font-weight: bold;
  border: 1px solid #999;
  color: #999;
  max-width: 240px;
  min-width: 100px;
}
.dol-faq-answer-card__btn-content {
  overflow: hidden;
  max-height: 100%;
  text-overflow: ellipsis;
  width: 100%;
  white-space: nowrap;
}

.dol-withdraw-message-card {
  display: flex;
  width: 100%;
  justify-content: center;
  align-items: center;
  margin-top: 18px;
}
.dol-withdraw-message-card-content {
  padding: 0 8px;
  font-size: 12px;
  background: #edeff2;
}
.dol-withdraw-message-card-content__tips {
  color: rgba(0, 0, 0, 0.42);
}
.dol-withdraw-message-card-content__edit {
  margin-left: 3px;
  color: #009155;
  line-height: 20px;
  cursor: pointer;
  text-decoration: none;
}
.dol-withdraw-message-card-content__edit:hover {
  color: #00ba73;
  text-decoration: none;
}

.dol-smart-summary {
  width: 380px;
  background-color: #fff;
  border-radius: 8px;
  padding: 12px 16px 8px;
}
.dol-smart-summary_header {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  font-family: PingFangSC-Medium;
  font-size: 16px;
  color: rgba(0, 0, 0, 0.9);
  letter-spacing: 0;
  line-height: 24px;
  font-weight: 500;
}
.dol-smart-summary_header-tag {
  padding: 0 6px;
  margin-left: 8px;
  background: rgba(0, 186, 115, 0.1);
  border-radius: 4px;
  font-family: PingFangSC-Regular;
  font-size: 13px;
  color: #009155;
  letter-spacing: 0;
  text-align: left;
  line-height: 19px;
  font-weight: 400;
}
.dol-smart-summary_body {
  padding-top: 12px;
}
.dol-smart-summary_body-container {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  margin-bottom: 8px;
  font-family: PingFangSC-Regular;
  font-size: 14px;
  letter-spacing: 0;
  font-weight: 400;
}
.dol-smart-summary_body-container-label {
  min-width: 68px;
  max-width: 68px;
  line-height: 22px;
  color: rgba(0, 0, 0, 0.5);
}
.dol-smart-summary_body-container-content {
  line-height: 22px;
  color: rgba(0, 0, 0, 0.9);
}
.dol-smart-summary_body-container-content-expand {
  display: flex;
  justify-content: flex-end;
}
.dol-smart-summary_body-container-content-expand-text {
  color: #009155;
  cursor: pointer;
}
.dol-smart-summary_body-container-content-list-icon {
  color: #00ba73;
}
.dol-smart-summary_body-container-content-list-icon:active {
  background-color: #e1e1e1;
}
.dol-smart-summary_body-container-content-list .mtdicon {
  cursor: pointer;
  color: #00ba73;
}
.dol-smart-summary_body-container-content-overflow {
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
}

.dol-verify-notification {
  padding: 8px;
  display: flex;
  flex-direction: column;
  width: 100%;
  border-radius: 6px;
  border: 1px solid #ddd;
  justify-content: center;
  background: #fff;
}
.dol-verify-notification_status {
  width: 100%;
  overflow: hidden;
  text-align: center;
  background: #edeff2;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 8px;
  margin: 6px 0;
  height: 32px;
  line-height: 32px;
  border-radius: 5px;
  font-size: 14px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
}

.dol-no-order-card-inner__box {
  color: #333;
  width: 100%;
  overflow: hidden;
}
.dol-no-order-card-inner__box-content {
  display: flex;
  padding-bottom: 22px;
}
.dol-no-order-card-inner__box-content:last-child {
  padding-bottom: 0;
}
.dol-no-order-card-inner__box-content-avatar {
  box-sizing: border-box;
  width: 40px;
  height: 40px;
}
.dol-no-order-card-inner__box-content-avatar img {
  width: 40px;
  height: 40px;
  border-radius: 4px;
  border: 1px solid #d8d8d8;
}
.dol-no-order-card-inner__box-content-info {
  display: flex;
  flex-direction: column;
  justify-content: center;
  font-size: 12px;
  padding-left: 10px;
  flex: 1;
  overflow: hidden;
}
.dol-no-order-card-inner__box-content-info-top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: rgba(0, 0, 0, 0.9);
}
.dol-no-order-card-inner__box-content-info-top-title {
  font-size: 14px;
  font-weight: 400;
  height: 22px;
  line-height: 22px;
  max-width: 60%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.dol-no-order-card-inner__box-content-info-top-status {
  max-width: 40%;
  margin-left: 8px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  height: 20px;
  line-height: 20px;
}
.dol-no-order-card-inner__box-content-info-bottom {
  display: flex;
  color: rgba(0, 0, 0, 0.5);
  justify-content: space-between;
  line-height: 20px;
  margin-top: 5px;
}
.dol-no-order-card-inner__box-content-info-bottom-content-container {
  flex: 1 1 0;
  overflow: hidden;
  max-width: 60%;
}
.dol-no-order-card-inner__box-content-info-bottom-content {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.dol-no-order-card-inner__box-content-info-bottom-extra {
  max-width: 40%;
  flex: 0 0 auto;
  margin-left: 8px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.dol-no-order-card-inner__box-button .mtd-btn {
  width: 100%;
}

.dol-no-order-card {
  display: flex;
  align-items: flex-end;
  overflow: hidden;
}
.dol-no-order-card__box {
  flex: 1 1 0;
  overflow: hidden;
  padding: 12px;
  border: 1px solid #ddd;
  border-radius: 6px;
  background: #fff;
  color: #333;
}

.dol-smart-call-out-card {
  padding: 12px;
  background: #fff;
  border: 1px solid #e5e5e5;
  border-radius: 5px;
  width: 100%;
}
.dol-smart-call-out-card__title {
  display: flex;
  align-items: center;
  line-height: 24px;
  margin-bottom: 12px;
}
.dol-smart-call-out-card__title-text {
  font-weight: 600;
  font-size: 16px;
  color: rgba(0, 0, 0, 0.9);
  margin-right: 4px;
}
.dol-smart-call-out-card__content {
  margin-bottom: 8px;
}
.dol-smart-call-out-card__content-item {
  margin-bottom: 4px;
  font-weight: 400;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.84);
  line-height: 22px;
}
.dol-smart-call-out-card__content-item__label {
  display: flex;
}
.dol-smart-call-out-card__content-item__label-list {
  flex: 1;
  margin-left: 6px;
}
.dol-smart-call-out-card__content-item__label-list-item {
  display: flex;
  align-items: center;
}
.dol-smart-call-out-card__content-item__label-list-item-icon {
  width: 6px;
  height: 6px;
  border-radius: 6px;
  background: #d7dae0;
  padding-right: 6px;
  margin-right: 6px;
  z-index: 1;
}
.dol-smart-call-out-card__content-item__label-list-item-text-active {
  position: relative;
  height: 100%;
}
.dol-smart-call-out-card__content-item__label-list-item-text-active::before {
  position: absolute;
  width: 1px;
  height: 100%;
  background-color: #d7dae0;
  content: "";
  left: -9px;
}
.dol-smart-call-out-card__content-item__label-list-item-text-hidden {
  margin-left: 4px;
}
.dol-smart-call-out-card__content-item__label-list-item:first-child .dol-smart-call-out-card__content-item__label-list-item-text-active::before {
  height: 50%;
  transform: translateY(calc(100% + 3px));
}
.dol-smart-call-out-card__content-item__label-list-item:last-child .dol-smart-call-out-card__content-item__label-list-item-text-active::before {
  height: 50%;
}
.dol-smart-call-out-card__content-item__value {
  margin-left: 6px;
}
.dol-smart-call-out-card__footer {
  display: flex;
  justify-content: space-around;
}
.dol-smart-call-out-card__footer-btn {
  border: 1px solid rgba(0, 0, 0, 0.12);
  border-radius: 4px;
  padding: 5px;
  flex: 1;
  text-align: center;
  cursor: pointer;
}
.dol-smart-call-out-card__footer-btn-left {
  margin-right: 8px;
}

.dol-verify-result-card {
  padding: 12px 12px 2px;
  display: flex;
  flex-direction: column;
  width: 100%;
  justify-content: center;
  background: #fff;
  border-radius: 6px;
  border: 1px solid #ddd;
}
.dol-verify-result-card__header-status {
  display: flex;
  align-items: center;
  flex: 1;
  font-size: 18px;
  color: #333;
  line-height: 40px;
  overflow: hidden;
}
.dol-verify-result-card__header-status-text {
  margin-left: 6px;
  font-weight: bold;
}
.dol-verify-result-card__header-id {
  padding-left: 6px;
  color: #999;
}
.dol-verify-result-card__content {
  border-top: 1px solid #ebebeb;
  margin-top: 8px;
  padding: 8px;
}
.dol-verify-result-card__content-item {
  display: flex;
  align-items: center;
}
.dol-verify-result-card__content-item-name {
  margin-left: 6px;
}

.dol-case-process {
  width: 380px;
  background-color: #fff;
  border-radius: 8px;
  padding: 12px 16px 8px;
  border-radius: 6px;
  border: 1px solid #ddd;
}
.dol-case-process_header {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  font-family: PingFangSC-Medium;
  font-size: 16px;
  color: rgba(0, 0, 0, 0.9);
  letter-spacing: 0;
  line-height: 24px;
  font-weight: 500;
}
.dol-case-process_body {
  padding-top: 12px;
}
.dol-case-process_body-container {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  margin-bottom: 8px;
  font-family: PingFangSC-Regular;
  font-size: 14px;
  letter-spacing: 0;
  font-weight: 400;
}
.dol-case-process_body-container-label {
  min-width: 80px;
  max-width: 80px;
  line-height: 22px;
  color: rgba(0, 0, 0, 0.5);
}
.dol-case-process_body-container-content {
  line-height: 22px;
  color: rgba(0, 0, 0, 0.9);
}
.dol-case-process_body-container-content-expand {
  display: flex;
  justify-content: flex-end;
}
.dol-case-process_body-container-content-expand-text {
  color: #009155;
  cursor: pointer;
}
.dol-case-process_body-container-content_link {
  color: #5dc77b;
}
.dol-case-process_body-container-content-overflow {
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
}

.dol-system-button-card {
  display: flex;
  width: 100%;
  justify-content: center;
  align-items: center;
  margin-top: 18px;
}
.dol-system-button-card__content {
  font-size: 12px;
  padding: 0 8px;
  color: rgba(0, 0, 0, 0.42);
  background: #edeff2;
  border-radius: 2px;
}
.dol-system-button-card__content-button {
  display: inline;
  color: #009155;
  cursor: pointer;
}
.dol-system-button-card__content-button-disabled {
  cursor: text;
  color: rgba(0, 0, 0, 0.42);
  pointer-events: none;
}

.dol-answer-card {
  background-color: #fff;
  border-radius: 8px;
  padding: 16px;
}
.dol-answer-card__progress-answer .title-block .title-line {
  display: flex;
  justify-content: space-between;
  color: rgba(0, 0, 0, 0.9);
}
.dol-answer-card__progress-answer .title-block .title-line .title {
  color: rgba(0, 0, 0, 0.9);
  font-size: 18px;
  font-weight: bold;
  width: 100%;
  max-height: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.dol-answer-card__progress-answer .title-block .title-line .process-detail {
  font-size: 12px;
  color: #1f1f1f;
  min-width: 68px;
  height: 24px;
  text-align: center;
  line-height: 24px;
  border: 0.5px solid rgba(0, 0, 0, 0.2);
  border-radius: 18px;
}
.dol-answer-card__progress-answer .title-block .title-line .process-detail:active {
  opacity: 0.5;
}
.dol-answer-card__progress-answer .title-block .sub-title {
  color: rgba(0, 0, 0, 0.5);
  line-height: 20px;
  font-size: 14px;
  margin-top: 2px;
  display: -webkit-box;
  max-height: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.dol-answer-card__progress-answer .detail-table {
  margin-top: 12px;
  padding: 10px 12px;
  background-color: #fafafa;
  border-radius: 6px;
}
.dol-answer-card__progress-answer .detail-table .list {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.dol-answer-card__progress-answer .detail-table .list:not(:last-of-type) {
  margin-bottom: 4px;
}
.dol-answer-card__progress-answer .detail-table .list .right {
  line-height: 22px;
  font-size: 15px;
  color: #646464;
}
.dol-answer-card__progress-answer .detail-table .list .left {
  font-size: 14px;
  color: #292929;
}
.dol-answer-card__order-answer .order-header {
  background: #fff;
  margin-bottom: 12px;
}
.dol-answer-card__order-answer .order-header.order-new-config-ui {
  margin-top: 10px;
  padding-bottom: 0 !important;
}
.dol-answer-card__order-answer .order-header .info::before, .dol-answer-card__order-answer .order-header .info::after {
  display: table;
  content: " ";
}
.dol-answer-card__order-answer .order-header .info::after {
  clear: both;
}
.dol-answer-card__order-answer .order-header .info .avatar {
  box-sizing: border-box;
  float: left;
  border-radius: 2px;
  border-radius: 6px;
  position: relative;
  margin-right: 12px;
}
.dol-answer-card__order-answer .order-header .info .avatar::after {
  position: absolute;
  top: 0;
  left: 0;
  box-sizing: border-box;
  width: 200%;
  height: 200%;
  pointer-events: none;
  content: "";
  border: 1px solid rgba(0, 0, 0, 0.04);
  border-radius: 12px;
  -webkit-transform: scale(0.5);
  transform: scale(0.5);
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
}
.dol-answer-card__order-answer .order-header .info .info-text {
  box-sizing: border-box;
  overflow: hidden;
  min-height: 58px;
  padding: 0;
}
.dol-answer-card__order-answer .order-header .info .info-text .order-info,
.dol-answer-card__order-answer .order-header .info .info-text .order-detail {
  position: relative;
  display: flex;
}
.dol-answer-card__order-answer .order-header .info .info-text .product-picture-wrapper {
  height: 50px;
  display: flex;
  margin-top: 10px;
  overflow: hidden;
}
.dol-answer-card__order-answer .order-header .info .info-text .product-picture-wrapper .picture-container {
  position: relative;
  margin-right: 8px;
  border-radius: 6px;
  overflow: hidden;
}
.dol-answer-card__order-answer .order-header .info .info-text .product-picture-wrapper .picture-container .picture {
  width: 65px;
  height: 50px;
}
.dol-answer-card__order-answer .order-header .info .info-text .product-picture-wrapper .picture-container::after {
  content: "";
  background-color: rgba(0, 0, 0, 0.03);
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
.dol-answer-card__order-answer .order-header .info .info-text .title {
  flex-grow: 1;
  width: 100%;
  max-height: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.dol-answer-card__order-answer .order-header .info .info-text .content {
  flex-grow: 1;
  display: block;
  min-height: 15px;
  width: 100%;
  max-height: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.dol-answer-card__order-answer .order-header .info .info-text .status,
.dol-answer-card__order-answer .order-header .info .info-text .price {
  max-width: 34%;
  margin-left: 2.5px;
  font-size: 13px;
  color: #222;
  text-align: right;
}
.dol-answer-card__order-answer .order-header .info .info-text .price {
  max-width: 40%;
}
.dol-answer-card__order-answer .order-header .info .info-text .text {
  width: 100%;
  max-height: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.dol-answer-card__order-answer .order-header .info .info-text .order-info .status .text,
.dol-answer-card__order-answer .order-header .info .info-text .order-detail .content .text,
.dol-answer-card__order-answer .order-header .info .info-text .order-detail .price .text {
  color: rgba(0, 0, 0, 0.4);
  font-size: 12px;
}
.dol-answer-card__order-answer .order-header .info .info-text .status .text {
  position: relative;
  top: 1.5px;
  height: 20px;
}
.dol-answer-card__order-answer .order-header .info .info-text .order-info {
  height: 20px;
}
.dol-answer-card__order-answer .order-header .info .info-text .order-info .title {
  font-size: 15px;
  font-weight: 400;
  line-height: 20px;
  color: rgba(0, 0, 0, 0.9);
  margin-right: 12px;
}
.dol-answer-card__order-answer .order-header .info .info-text .order-info .status .text {
  height: 20px;
  line-height: 20px;
  width: 100%;
  max-height: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.dol-answer-card__order-answer .order-header .info .info-text .order-detail {
  margin-top: 4px;
}
.dol-answer-card__order-answer .order-header .info .info-text .order-detail .content .text,
.dol-answer-card__order-answer .order-header .info .info-text .order-detail .price .text {
  line-height: 16.5px;
}
.dol-answer-card__order-answer .order-header .info .info-text .order-detail .content {
  margin-right: 12px;
}
.dol-answer-card__order-answer .order-header .info .info-text .order-detail .content .text:not(:first-child) {
  margin-top: 4.5px;
}
.dol-answer-card__order-answer .order-header .btn-list {
  margin: 12px 0 0;
}
.dol-answer-card__order-answer .order-header .btn-list .btn {
  height: 32px;
  line-height: 32px;
  margin: 0;
}
.dol-answer-card__order-answer .order-header .btn-list .btn.one {
  max-width: 100%;
  margin-bottom: 4px;
}
.dol-answer-card__order-answer .order-header .btn-list .btn.more {
  margin: 4px 5px;
}
.dol-answer-card__order-answer .order-header .btn-list .btn .btn-content {
  color: rgba(0, 0, 0, 0.9);
  font-size: 14px;
}
.dol-answer-card__order-answer .order-card-text {
  font-size: 15px;
  color: rgba(0, 0, 0, 0.9);
  line-height: 22px;
}
.dol-answer-card__grid-answer .grid-answer.col-two .list .item:first-child, .dol-answer-card__grid-answer .grid-answer.col-three .list:first-of-type {
  background-color: #fafafa;
  border-radius: 9px 9px 0 0;
  color: rgba(0, 0, 0, 0.9);
  font-weight: bold;
}
.dol-answer-card__grid-answer .grid-answer {
  color: rgba(0, 0, 0, 0.6);
  line-height: 20px;
  font-size: 14px;
}
.dol-answer-card__grid-answer .grid-answer::before, .dol-answer-card__grid-answer .grid-answer::after {
  display: table;
  content: " ";
}
.dol-answer-card__grid-answer .grid-answer::after {
  clear: both;
}
.dol-answer-card__grid-answer .grid-answer .title {
  color: rgba(0, 0, 0, 0.9);
  margin-bottom: 10px;
}
.dol-answer-card__grid-answer .grid-answer.col-three .list .item {
  flex: 1;
}
.dol-answer-card__grid-answer .grid-answer.col-two .list .item {
  word-break: break-all;
}
.dol-answer-card__grid-answer .grid-answer.col-two .list .item:first-child {
  width: 100px;
  border-radius: 9px 0 0 9px;
}
.dol-answer-card__grid-answer .grid-answer.col-two .list .item:not(:first-child) {
  flex: 1;
}
.dol-answer-card__grid-answer .grid-answer .big-font {
  width: 43%;
  margin-left: 25%;
}
.dol-answer-card__grid-answer .grid-answer .self-btn-theme {
  margin-bottom: 0;
}
.dol-answer-card__grid-answer .grid-answer .self-btn-theme .btn {
  border: 0.5px solid rgba(0, 0, 0, 0.2);
}
.dol-answer-card__grid-answer .grid-answer .self-btn-theme .btn:active {
  border: 0.5px solid #c4c4c4;
  background-color: #f5f5f5;
}
.dol-answer-card__grid-answer .grid-answer .self-btn-theme .btn .btn-content {
  color: rgba(0, 0, 0, 0.9) !important;
}
.dol-answer-card__grid-answer .grid-answer .self-btn-theme .btn.btn-disabled .btn-content {
  color: rgba(0, 0, 0, 0.24) !important;
}
.dol-answer-card__grid-answer .grid-answer .self-btn-theme .reinforce-btn {
  background: linear-gradient(to right, #ffe74d, #ffdd19) !important;
  border: inherit;
}
.dol-answer-card__grid-answer .grid-answer .self-btn-theme .reinforce-btn .btn-content {
  color: rgba(0, 0, 0, 0.9);
}
.dol-answer-card__grid-answer .grid-answer .self-btn-theme .reinforce-btn:active {
  background: #ebcb00 !important;
}
.dol-answer-card__grid-answer .grid-answer .self-btn-theme .reinforce-btn.btn-disabled {
  background: #fff6b8 !important;
}
.dol-answer-card__grid-answer .grid-answer .self-btn-theme .reinforce-btn.btn-disabled .btn-content {
  color: rgba(0, 0, 0, 0.2);
}
.dol-answer-card__grid-answer .table {
  border-radius: 9px;
  position: relative;
}
.dol-answer-card__grid-answer .table::after {
  position: absolute;
  top: 0;
  left: 0;
  box-sizing: border-box;
  width: 200%;
  height: 200%;
  pointer-events: none;
  content: "";
  border: 1px solid #ebebeb;
  border-radius: 18px;
  -webkit-transform: scale(0.5);
  transform: scale(0.5);
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
}
.dol-answer-card__grid-answer .table .list {
  display: flex;
  padding: 0;
  margin: 0;
}
.dol-answer-card__grid-answer .table .list:not(:last-of-type) {
  position: relative;
}
.dol-answer-card__grid-answer .table .list:not(:last-of-type)::after {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  pointer-events: none;
  content: "";
  border-bottom: 1px solid #ebebeb;
  transform: scaleY(0.5);
  transform-origin: 0 0;
}
.dol-answer-card__grid-answer .table .list .item {
  display: flex;
  align-items: center;
  padding: 10px 8px;
}
.dol-answer-card__grid-answer .table .list .item:not(:last-of-type) {
  position: relative;
}
.dol-answer-card__grid-answer .table .list .item:not(:last-of-type)::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 1px;
  pointer-events: none;
  content: "";
  border-right: 1px solid #ebebeb;
  transform: scaleX(0.5);
  transform-origin: 0 0;
}
.dol-answer-card__coupon-answer .guide-text {
  font-size: 14px;
  color: rgba(0, 0, 0, 0.87);
  line-height: 21px;
  margin-bottom: 10px;
}
.dol-answer-card__coupon-answer .guide-text .btn-inline {
  display: inline;
  color: #0a77f5;
}
.dol-answer-card__coupon-answer .coupon-card {
  display: flex;
  justify-content: space-between;
  position: relative;
  height: 90px;
  background: rgba(255, 85, 0, 0.02);
  padding-left: 16px;
  border: 1px solid #ffe4d0;
  border-radius: 8px;
}
.dol-answer-card__coupon-answer .coupon-card .effective-date,
.dol-answer-card__coupon-answer .coupon-card .money-condition {
  opacity: 0.5;
  font-size: 11px;
  color: #000;
  line-height: 15px;
}
.dol-answer-card__coupon-answer .coupon-card .coupon-card-detail {
  max-width: 175px;
  margin-top: 24px;
}
.dol-answer-card__coupon-answer .coupon-card .coupon-card-detail .coupon-card-name {
  width: 100%;
  max-height: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: bold;
  font-size: 15px;
  color: rgba(0, 0, 0, 0.9);
  line-height: 21px;
}
.dol-answer-card__coupon-answer .coupon-card .coupon-card-detail .effective-date {
  width: 100%;
  max-height: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-top: 5px;
}
.dol-answer-card__coupon-answer .coupon-card .coupon-card-money {
  width: 88px;
  flex-grow: 0;
  flex-shrink: 0;
  text-align: center;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
}
.dol-answer-card__coupon-answer .coupon-card .coupon-card-money .card-money-top {
  margin-top: 21px;
  font-weight: 600;
  font-size: 23px;
  color: #ff6000;
  display: flex;
  align-items: center;
  max-width: 100%;
}
.dol-answer-card__coupon-answer .coupon-card .coupon-card-money .card-money-top .money-unit {
  font-weight: 600;
  font-size: 14px;
  margin-right: 2.5px;
  line-height: 15.5px;
  margin-top: 6px;
}
.dol-answer-card__coupon-answer .coupon-card .coupon-card-money .card-money-top .money-value {
  line-height: 29px;
  width: 100%;
  max-height: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.dol-answer-card__coupon-answer .coupon-card .coupon-card-money .money-condition {
  width: 100%;
  max-height: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.dol-answer-card__coupon-answer .coupon-card .coupon-card-money .money-border-line {
  position: absolute;
  height: 82px;
  width: 0.5px;
  left: 0;
  top: 4px;
  background-image: linear-gradient(to bottom, #ffe4d0 0%, #ffe4d0 33%, transparent 50%, transparent);
  background-size: 0.5px 6px;
  background-repeat: repeat-y;
}
.dol-answer-card__coupon-answer .coupon-card .coupon-card-tag {
  position: absolute;
  top: 0;
  left: 0;
  background: #fff6cd;
  border: 1px solid #fff;
  border-radius: 8px 0 8px 0;
  padding: 1.5px 6px 2.5px;
  font-weight: 500;
  opacity: 0.88;
  font-size: 10px;
  color: #572200;
}

.dol-bubble:has(.dol-answer-card) {
  width: 100% !important;
}
.cs-load-fail-container[data-v-11dafd3f] {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100%;
}
.cs-load-fail-text[data-v-11dafd3f] {
  font-weight: 400;
  font-family: PingFangSC-Regular, -apple-system, BlinkMacSystemFont, Helvetica Neue, PingFang SC, Microsoft YaHei, Source Han Sans SC, Noto Sans CJK SC, WenQuanYi Micro Hei, sans-serif;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.35);
  letter-spacing: 0;
  text-align: center;
  line-height: 22px;
}
.customer-field-component-wrapper[data-v-48fe8c35] {
  width: 100%;
}
.customer-field-component-wrapper[data-v-48fe8c35] .mtd-modal-header {
  padding: 0 0 16px 0;
}
.customer-field-component-wrapper[data-v-48fe8c35] .mtd-modal-footer {
  padding-bottom: 0;
  padding-right: 0;
}
.customer-field-component-wrapper[data-v-48fe8c35] .mtd-modal-content {
  max-height: 80vh;
  overflow-y: auto;
}
.customer-field-component-wrapper[data-v-48fe8c35] .mtd-btn-text-primary {
  height: 22px;
  padding-left: 0;
}
.customer-field-component-wrapper[data-v-48fe8c35] .mtd-btn-text-primary span {
  line-height: 22px;
}
.customer-field-component-wrapper[data-v-48fe8c35] .field-display-value {
  margin-right: 8px;
}
.customer-field-component-wrapper[data-v-48fe8c35] .cs-field-right {
  flex-wrap: wrap;
}
.el-cs-dialog-storage-wrapper[data-v-1ba381d1] {
  position: fixed;
  z-index: 22;
  top: 84%;
  left: 90%;
  background-color: #fff;
  padding: 5px 10px;
  border-bottom: 1px solid #ddd;
  border-right: 1px solid #ddd;
  box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.1);
  cursor: pointer;
}
.el-cs-dialog-storage-wrapper .storage-panel[data-v-1ba381d1] {
  width: 120px;
  display: flex;
  align-items: center;
}
.el-cs-dialog-storage-wrapper .storage-panel i[data-v-1ba381d1] {
  color: var(--cs-common-primary-color);
  margin-right: 8px;
  font-size: 16px;
}
.dialog-list[data-v-1ba381d1] {
  margin: 0;
  padding: 0;
  text-align: left;
  width: 100px;
  list-style: none;
  cursor: pointer;
}
.dialog-list li[data-v-1ba381d1] {
  font-size: 14px;
  width: 100px;
  height: 24px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.dialog-list li[data-v-1ba381d1]:hover {
  color: #0a70f5;
}
.cs-dialog[data-v-0c629d70] {
  z-index: 2;
  position: absolute;
}
.cs-dialog .mask-layer .mask-layer-container[data-v-0c629d70] {
  position: fixed;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.4);
  top: 0;
  left: 0;
}
.cs-dialog .el-cs-dialog-wrapper[data-v-0c629d70] {
  position: fixed;
  top: max(260px, 50%);
  left: 50%;
  transform: translate(-50%, -50%);
}
.cs-dialog .el-cs-dialog-wrapper .el-message-box[data-v-0c629d70] {
  width: auto;
  background-color: #fff;
  border-radius: 10px;
  border: 1px solid #ebeef5;
  font-size: 18px;
  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
}
.cs-dialog .el-cs-dialog-wrapper .el-message-box .el-message-box-header[data-v-0c629d70] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 16px 24px 2px;
}
.cs-dialog .el-cs-dialog-wrapper .el-message-box .el-message-box-header .el-message-box-title[data-v-0c629d70] {
  font-size: 18px;
  font-weight: bold;
  color: #303133;
}
.cs-dialog .el-cs-dialog-wrapper .el-message-box .el-message-box-closebtn[data-v-0c629d70] {
  position: absolute;
  right: 24px;
  top: 20px;
  font-size: 16px;
  z-index: 1;
}
.cs-dialog .el-cs-dialog-wrapper .el-message-box .el-message-box-closebtn i[data-v-0c629d70] {
  color: rgba(0, 0, 0, 0.6);
  margin-left: 4px;
  font-weight: 500;
  cursor: pointer;
  font-size: 1.25em;
}
.cs-dialog .el-cs-dialog-wrapper .el-message-box .el-message-box__content[data-v-0c629d70] {
  padding: 16px 24px;
  color: #606266;
  font-size: 14px;
  max-height: 82vh;
  max-width: 90vw;
  min-width: 400px;
  overflow: auto;
}
.cs-dialog .el-cs-dialog-wrapper .el-message-box .el-message-box__btns[data-v-0c629d70] {
  padding: 16px 24px;
  flex: 0 0 auto;
  text-align: right;
}
.cs-dialog .el-cs-dialog-wrapper .el-message-box .el-message-box__btns[data-v-0c629d70] .mtd-btn + .mtd-btn {
  margin-left: 12px;
}
.cs-dialog .minimize[data-v-0c629d70] {
  display: none;
}
.cs-dialog .hide[data-v-0c629d70] {
  display: none;
}
@charset "UTF-8";
.cs-field-required[data-v-604121e0] {
  position: relative;
}
.cs-field-required[data-v-604121e0]::before {
  content: "";
  background-image: url(assets/required.d187cdb9ad8ee7497316.svg);
  background-size: cover;
  display: inline-block;
  position: absolute;
  top: 7px;
  color: #f54b1e;
  width: 8px;
  height: 8px;
}
.cs-field-left[data-v-604121e0] {
  font-size: 14px;
  line-height: 22px;
  font-weight: 400;
  color: rgba(0, 0, 0, 0.9);
  white-space: normal;
  word-break: break-all;
  flex-shrink: 0;
}
.cs-field-left .field-display-name[data-v-604121e0] {
  display: inline-block;
  position: relative;
}
.cs-field-left .field-display-name[data-v-604121e0]::after {
  content: ":";
  position: absolute;
}
.cs-field-gap[data-v-604121e0] {
  margin-left: 10px;
}
.cs-field-right[data-v-604121e0] {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  font-size: 14px;
  line-height: 22px;
  font-weight: 400;
  color: rgba(0, 0, 0, 0.9);
  white-space: normal;
  word-break: break-all;
  width: 100%;
}
.cs-field-right pre[data-v-604121e0] {
  font-family: PingFangSC-Regular, sans-serif;
}
.cs-field-container-row[data-v-604121e0] {
  display: flex;
  flex-direction: row;
}
.cs-field-container-row .cs-field-left[data-v-604121e0] {
  width: 88px;
  margin-right: 8px;
  text-align: left;
}
.cs-field-container-column[data-v-604121e0] {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.cs-field-container-column .cs-field-right[data-v-604121e0] {
  width: 100%;
}
.cs-field-container_highlight[data-v-604121e0] {
  padding-bottom: 15px;
}
.cs-field-container_highlight .cs-field-right[data-v-604121e0] {
  position: relative;
}
.cs-field-container_highlight .cs-field-right[data-v-604121e0]::after {
  content: "此项必填";
  color: red;
  position: absolute;
  left: 0;
  bottom: -18px;
  font: 14px/18px "Arial", sans-serif !important;
}
[data-v-604121e0] .cs-field-layout_highlight .cs-field-right .mtd-checkbox-text,[data-v-604121e0] .cs-field-layout_highlight .cs-field-right .mtd-radio-text {
  font-size: 14px;
  line-height: 22px;
  font-weight: 400;
  color: rgba(0, 0, 0, 0.9);
}
[data-v-604121e0] .cs-field-layout_highlight .cs-field-right .mtd-date-picker {
  width: 100%;
}
.cs-field-table[data-v-604121e0] {
  margin: 8px 0 4px;
  width: 100%;
}
.cs-field-table .cs-table-title-content[data-v-604121e0]::before {
  content: " ";
  display: inline-block;
  vertical-align: text-top;
  background: #2c72ed;
  width: 4px;
  height: 19px;
  margin-right: 3px;
}
.cs-field-table .cs-table-title-content[data-v-604121e0] {
  overflow: hidden;
  margin-bottom: 3px;
  text-align: start;
  width: 100%;
  display: block;
  font-size: 14px;
  font-weight: 500;
  color: #333;
  position: relative;
}
.cs-field-table[data-v-604121e0] .cs-field-right {
  width: 100%;
}
.cs-field-table[data-v-604121e0] .cs-field-left {
  width: 100%;
  max-width: 100%;
}
.cs-field-search-table-container[data-v-604121e0] {
  margin: 8px 0 4px;
  width: 100%;
}
.cs-field-no-container[data-v-604121e0] {
  display: contents;
}
[data-v-00d4fcf4] .cs-field-right {
  align-items: flex-start;
}
.cs-f-radio .options-container[data-v-00d4fcf4] {
  display: flex;
  flex-direction: column;
}
.cs-f-radio .options-container .text-color-red[data-v-00d4fcf4] {
  color: red;
  font-size: 14px;
}
.cs-f-radio .options-container .radio-name[data-v-00d4fcf4] {
  display: block;
}
.mtd-radio-nlp-recommend[data-v-00d4fcf4] {
  padding-left: 2px;
}
.mtd-radio-nlp-recommend[data-v-00d4fcf4] .mtd-radio-inner {
  position: relative !important;
}
.mtd-radio-nlp-recommend[data-v-00d4fcf4] .mtd-radio-inner::before {
  position: absolute;
  content: "";
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 20px;
  height: 20px;
  border: 1px dashed var(--cs-common-primary-color);
  border-radius: 50%;
}
.cs-f-progress-bar[data-v-3028c8c4] {
  width: 100%;
}
.steps-content[data-v-3028c8c4] {
  max-width: unset;
  width: 100%;
  border: 1px solid rgba(0, 0, 0, 0.06);
  border-radius: 6px;
}
.icon-content[data-v-3028c8c4] {
  font-size: 12px;
  height: 30px;
  overflow-y: auto;
  display: flex;
  align-items: center;
}
.icon-content[data-v-3028c8c4]::after {
  display: block;
  content: attr(data-remark-between-step);
  position: absolute;
  left: 78px;
  width: 70px;
  top: 15px;
}
[data-v-3028c8c4] .next-time {
  position: absolute;
  top: 20px;
  left: 100%;
  transform: translate(-50%);
  color: #85c9ff;
}
[data-v-3028c8c4] .step-remark {
  width: 120px;
  overflow: hidden;
  display: -webkit-box;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  white-space: normal;
  font-weight: 500;
  line-height: 20px;
}
[data-v-3028c8c4] .mtd-step-head {
  display: flex;
  justify-content: center;
}
[data-v-3028c8c4] .mtd-step-head-icon {
  border: 1px solid #e6e6e6;
  width: 5rem !important;
  position: relative;
  font-size: 12px;
  min-height: 35px;
  color: #000;
  border-radius: 1.5rem;
  margin-left: 55px;
  letter-spacing: 0;
  line-height: 14px;
  background-color: #fff;
}
[data-v-3028c8c4] .mtd-step-head-line {
  height: 2px;
  background-color: #e6e6e6;
  top: 13px;
  padding: 0;
  position: absolute;
  left: -50%;
  right: 50%;
}
[data-v-3028c8c4] .mtd-steps > :first-child .mtd-step-head-line {
  visibility: hidden;
}
.progress-bar[data-v-3028c8c4] {
  width: 100%;
  padding: 10px 30px 10px 0;
}
.progress-bar .mtd-steps[data-v-3028c8c4] {
  overflow-x: auto;
}
.progress-bar .mtd-steps .mtd-step[data-v-3028c8c4] {
  max-width: 132px;
}
.progress-bar .mtd-steps .mtd-step[data-v-3028c8c4] .mtd-step-main {
  width: 156px;
  margin-left: 25px;
  margin-top: 3px;
  text-align: center;
}
.progress-bar .mtd-steps .mtd-step[data-v-3028c8c4] .mtd-step-main .mtd-step-main-description :nth-child(1) {
  font-size: 14px;
  position: relative;
  top: -2px;
  line-height: 25px;
  color: rgba(0, 0, 0, 0.84);
  color: #6f6f6f;
}
.progress-bar .mtd-steps .mtd-step[data-v-3028c8c4]:nth-child(1) {
  margin-left: -35px;
}
.progress-bar-item[data-v-3028c8c4] {
  position: relative;
}
.mtd-tooltip[data-v-3028c8c4] {
  max-width: 156px;
  font-size: 14px;
  color: #fff;
  line-height: 20px;
  font-weight: 400;
}
.time-description[data-v-3028c8c4] {
  text-align: center;
}
.microphone-container[data-v-2268b336] {
  line-height: normal;
}
.microphone-container .microphone-row[data-v-2268b336] {
  display: flex;
  align-items: center;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}
.microphone-container .microphone-row .microphone[data-v-2268b336] {
  cursor: pointer;
}
.microphone-container .microphone-row .microphone.fill[data-v-2268b336] {
  width: 20px;
  height: 20px;
  border-radius: 20px;
  background-color: #f5483b;
  display: flex;
  justify-content: center;
  align-items: center;
}
.microphone-container .microphone-row .end-button[data-v-2268b336] {
  margin: 0;
  margin-left: 8px;
  padding: 2px 8px;
  height: 24px;
  line-height: 20px;
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #e0e0e0;
  border-radius: 6px;
  font-size: 12px;
  cursor: pointer;
}
.microphone-container .microphone-row .text[data-v-2268b336] {
  margin-left: 5px;
  font-size: 14px;
  color: var(--cs-common-primary-color);
  cursor: pointer;
}
.microphone-container .microphone-row .new-tag[data-v-2268b336] {
  margin-left: 4px;
  color: #fff;
  width: 38px;
  height: 20px;
  text-align: center;
  line-height: 20px;
  background-color: #ff4a47;
  border-radius: 10px;
}
.asr-container[data-v-dd38cc34] {
  position: relative;
  display: inline-block;
  width: 100%;
}
.asr-container .microphone-container[data-v-dd38cc34] {
  position: absolute;
  left: 2px;
  bottom: 1px;
  padding-left: 8px;
  background-color: #fff;
  width: calc(100% - 4px);
  height: 24px;
}
.asr-container .microphone-container.hide[data-v-dd38cc34] {
  height: 0;
  overflow: hidden;
  opacity: 0;
}
.cs-f-textarea[data-v-1b325dbc],[data-v-1b325dbc] .cs-field-right {
  display: inline;
  flex-grow: 1;
}
.textarea-wrapper[data-v-1b325dbc] {
  position: relative;
  flex-grow: 1;
}
.textarea-wrapper[data-v-1b325dbc] textarea {
  border: none;
}
.limit-exceeded[data-v-1b325dbc] {
  border-color: red;
}
.textarea-limit-exceeded-tip[data-v-1b325dbc] {
  color: red;
}
.nlp-textarea[data-v-1b325dbc] {
  position: relative;
  display: flex;
  background-color: rgb(255, 255, 255);
  border: 1px solid #ddd;
  border-radius: 4px;
  height: 102px;
}
.nlp-textarea .nlp-textarea-operation[data-v-1b325dbc] {
  position: absolute;
  display: flex;
  flex-direction: row;
  align-items: center;
  right: 0;
  bottom: 0;
  z-index: 3;
}
.nlp-textarea .nlp-textarea-operation[data-v-1b325dbc] .mtd-btn {
  height: 24px;
}
.nlp-textarea .nlp-default-recommend[data-v-1b325dbc] {
  width: 100%;
  position: absolute;
  box-sizing: border-box;
  padding: 6px 12px;
  top: 2px;
  left: 0;
  height: 74px;
  background-color: #fff;
  z-index: 2;
  overflow-y: auto;
}
.nlp-textarea .nlp-default-recommend .nlp-default-recommend-value[data-v-1b325dbc] {
  line-height: 22px;
  white-space: pre-wrap;
}
.nlp-textarea .nlp-default-recommend .nlp-default-recommend-tag[data-v-1b325dbc] {
  background: var(--cs-common-primary4-color);
  border-radius: 8px;
  font-size: 14px;
  color: var(--cs-common-primary-color);
  letter-spacing: 0;
  padding: 0 6px;
  margin-left: 4px;
}
.recommend-textarea[data-v-1b325dbc] {
  position: relative;
  padding-bottom: 24px;
  background: rgba(0, 0, 0, 0.04);
  border: 1px solid rgba(0, 0, 0, 0.06);
  border-radius: 2px;
  margin-top: 5px;
}
.recommend-textarea .preload-textarea[data-v-1b325dbc] {
  color: rgba(0, 0, 0, 0.6);
  opacity: unset;
  cursor: default;
  height: 80px;
  overflow: auto;
  padding: 4px 8px;
  width: 100%;
}
.recommend-textarea .recommend-textarea-operation[data-v-1b325dbc] {
  position: absolute;
  right: 6px;
  bottom: -5px;
  z-index: 3;
  display: flex;
  align-items: center;
}
[data-v-1b325dbc] .mtd-btn > span {
  line-height: 20px;
}
[data-v-1b325dbc] .icon-style-disabled > span {
  line-height: 20px;
  color: rgba(0, 0, 0, 0.5);
}
.icon-style[data-v-1b325dbc] {
  color: var(--cs-common-primary-color);
  display: inline;
}
.mtdicon-copy-o[data-v-1b325dbc] {
  cursor: pointer;
}
.textareat-edit-slot[data-v-1b325dbc],
.textarea-not-edit-slot[data-v-1b325dbc] {
  width: 100%;
}
[data-v-1b325dbc] .mtd-textarea {
  width: 100%;
  border: none;
  resize: none;
  font-size: 14px;
  line-height: 20px;
}
.refresh-btn[data-v-1b325dbc] {
  color: var(--cs-common-primary-color);
}
[data-v-1b325dbc] .mtdicon-refresh-o {
  color: var(--cs-common-primary-color);
}

.cs-date-select[data-v-30652b14],
.date-select-input[data-v-30652b14] {
  width: 100%;
}
.date-select-input[data-v-30652b14] {
  position: relative;
  display: inline-block;
}
.date-select-date-picker[data-v-30652b14] {
  position: absolute;
  width: 0 !important;
  height: 0 !important;
  top: 0;
  left: 0;
  overflow: hidden;
}
[data-v-30652b14] .mtd-input-wrapper {
  width: 100%;
}
.time-picker-footer[data-v-30652b14] {
  display: flex;
  flex-direction: row;
  justify-content: end;
  border-top: 1px solid rgba(0, 0, 0, 0.06);
  padding: 8px 16px;
}

.cs-f-link .mtdicon-edit-o[data-v-187827e3] {
  padding: 0 0 0 8px;
  font-size: 16px;
  color: var(--cs-common-primary-color);
  line-height: 20px;
}
.link-layout[data-v-187827e3] {
  display: flex;
  flex-direction: row;
  align-items: start;
}
.link-layout a[data-v-187827e3] {
  color: var(--cs-common-primary-color);
  background-color: transparent;
  -webkit-text-decoration-skip: objects;
  transition: color 0.3s;
  text-decoration: none;
  font-family: PingFangSC-Medium, -apple-system, BlinkMacSystemFont, Helvetica Neue, PingFang SC, Microsoft YaHei, Source Han Sans SC, Noto Sans CJK SC, WenQuanYi Micro Hei, sans-serif;
}
.link-layout a[data-v-187827e3]:hover, .link-layout a.hover[data-v-187827e3] {
  color: var(--cs-common-primary1-color);
  text-decoration: underline;
}
.link-layout a[data-v-187827e3]:active, .link-layout a.active[data-v-187827e3] {
  color: var(--cs-common-primary3-color);
}
.link-layout a[disabled][data-v-187827e3] {
  color: rgba(0, 0, 0, 0.36);
  cursor: not-allowed;
}
.link-layout.position-left[data-v-187827e3] {
  justify-content: start;
}
.link-layout.position-right[data-v-187827e3] {
  justify-content: end;
}
.cs-f-text[data-v-2a0f07e0] {
  width: 100%;
}
[data-v-2a0f07e0] .mtd-input-wrapper {
  width: 100%;
}
[data-v-007bca3d] .mtd-cascader {
  width: 100%;
}
[data-v-007bca3d] .mtd-input:disabled {
  color: #666;
}
[data-v-007bca3d] .mtd-select-disabled {
  opacity: 1;
}
[data-v-007bca3d] .cs-field-right {
  flex-direction: column;
  align-items: flex-start;
}
.textColorRed[data-v-007bca3d] {
  color: red;
}
[data-v-007bca3d] .mtd-select-disabled .mtd-input-wrapper .mtd-input {
  border: none;
  cursor: auto;
}
[data-v-007bca3d] .mtd-select-disabled .mtd-input-wrapper .mtd-input-suffix-inner {
  display: none;
}
[data-v-7724088b] .mtd-select {
  width: 100%;
}
[data-v-7724088b] .mtd-option {
  max-width: 500px;
  text-overflow: ellipsis;
  overflow: hidden;
  display: inline-block;
}
[data-v-7724088b] .mtd-select-disabled .mtd-input-wrapper .mtd-input-suffix-inner {
  display: none;
}
[data-v-7724088b] .mtd-input:disabled {
  color: #666;
}
[data-v-7724088b] .mtd-select-disabled .mtd-input-wrapper .mtd-input {
  border: none;
  cursor: auto;
}
[data-v-7724088b] .mtd-select-disabled {
  opacity: 1;
}
@charset "UTF-8";
.attachment-input[data-v-aae7e970] {
  z-index: 2;
  width: 52px;
  height: 32px;
  flex-shrink: 0;
}
.attachment-input[data-v-aae7e970]::-webkit-file-upload-button {
  visibility: hidden;
}
.attachment-input[data-v-aae7e970]::before {
  width: 52px;
  height: 32px;
  content: "上传";
  display: inline-block;
  background-color: #fff;
  color: var(--cs-common-primary-color);
  border: 1px solid var(--cs-common-primary-color);
  border-radius: 4px;
  padding: 0 8px;
  outline: none;
  white-space: nowrap;
  cursor: pointer;
  text-align: center;
  vertical-align: middle;
  line-height: 30px;
  font-size: 14px;
}
.file-name[data-v-aae7e970] {
  max-width: 250px;
  margin-left: 12px;
}
.result-text[data-v-aae7e970] {
  padding-left: 20px;
}
.retry-button[data-v-aae7e970] {
  margin-top: 16px;
  text-align: center;
}
.ctrl-handler[data-v-f320f864] {
  margin-bottom: 10px;
  width: 100%;
  display: block;
}
.ctrl-body[data-v-f320f864] {
  width: 100%;
  height: 300px;
  display: flex;
}
.cs-f-map-inner[data-v-f320f864] {
  width: 100%;
  display: block;
}
.no-data[data-v-f320f864] {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  border: 1px solid rgba(0, 0, 0, 0.06);
}
.cs-f-map-old[data-v-f320f864] {
  width: 100%;
  display: block;
}
.cs-f-map-old #mapContainer[data-v-f320f864] {
  position: relative;
  height: 300px;
  width: 100%;
}
.cs-f-map-old #mapContainer .mark[data-v-f320f864] {
  position: absolute;
  top: 20px;
  right: 20px;
  padding: 5px;
  background-color: #fff;
  z-index: 9999;
}
.cs-f-map-old #mapContainer .mark ul[data-v-f320f864] {
  margin: 0;
  padding: 0;
}
.cs-f-map-old #mapContainer .mark ul li[data-v-f320f864] {
  list-style: none;
}
.cs-f-map-old #mapContainer .mark ul li span[data-v-f320f864] {
  display: inline-block;
  font-size: 14px;
}
.cs-f-map-old #mapContainer .mark ul li .desc[data-v-f320f864] {
  margin-right: 5px;
  min-width: 200px;
}
.cs-f-map-old #mapContainer .mark ul li .color[data-v-f320f864] {
  width: 20px;
  border: 2px solid;
  vertical-align: middle;
}
.cs-f-map-old #mapContainer .mark .deliveInfo .deliveTime[data-v-f320f864] {
  color: #999;
}
.ctrl-handler[data-v-84423e58] {
  margin-bottom: 10px;
  width: 100%;
  display: block;
}
.ctrl-body[data-v-84423e58] {
  width: 100%;
  display: flex;
}
.cs-f-map-inner[data-v-84423e58] {
  width: 100%;
  display: block;
}
.no-data[data-v-84423e58] {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  border: 1px solid rgba(0, 0, 0, 0.06);
}
.cs-f-map-new[data-v-84423e58] {
  width: 100%;
  display: block;
}
.cs-f-map-new .mapContainerId[data-v-84423e58] {
  position: relative;
  width: 100%;
}
.cs-f-map-new .mapContainerId .mark[data-v-84423e58] {
  position: absolute;
  top: 20px;
  right: 20px;
  padding: 5px;
  background-color: #fff;
  z-index: 9999;
  max-width: 300px;
  max-height: 150px;
  overflow: auto;
}
.cs-f-map-new .mapContainerId .mark ul[data-v-84423e58] {
  margin: 0;
  padding: 0;
}
.cs-f-map-new .mapContainerId .mark ul li[data-v-84423e58] {
  list-style: none;
}
.cs-f-map-new .mapContainerId .mark ul li span[data-v-84423e58] {
  display: inline-block;
  font-size: 14px;
}
.cs-f-map-new .mapContainerId .mark ul li .desc[data-v-84423e58] {
  margin-right: 5px;
  min-width: 100px;
}
.cs-f-map-new .mapContainerId .mark ul li .color[data-v-84423e58] {
  width: 20px;
  border: 2px solid;
  vertical-align: middle;
}
.revisit-date-select .data-selection-container[data-v-70d5c07c] {
  display: flex;
}
.revisit-date-select .data-selection-container .time-type-desc[data-v-70d5c07c] {
  margin-left: 4px;
  display: flex;
  align-items: center;
  color: red;
}
.revisit-date-select .time-type-tips[data-v-70d5c07c] {
  margin-top: 4px;
  color: red;
  margin-bottom: 6px;
}
.time-picker-footer[data-v-70d5c07c] {
  display: flex;
  flex-direction: row;
  justify-content: end;
  border-top: 1px solid rgba(0, 0, 0, 0.06);
  padding: 8px 16px;
}
.staff-loading-content[data-v-0abd42ed] {
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
}
[data-v-3ec44a33] .mtd-radio-group {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
}
[data-v-3ec44a33] .mtd-date-picker {
  display: flex;
}
[data-v-3ec44a33] .mtd-popover-rel {
  display: flex;
}
[data-v-3ec44a33] .mtd-form-item-label {
  text-align: left;
}
[data-v-3ec44a33] .radio-content {
  height: 32px;
  display: flex;
  align-items: center;
}
[data-v-3ec44a33] .radio-content .radio-right {
  height: 100%;
  display: flex;
  align-items: center;
}
[data-v-3ec44a33] .radio-content .radio-right .radio-right-target {
  flex: 1;
  display: flex;
  align-items: center;
  color: red;
}
[data-v-3ec44a33] .radio-content .schedule-text {
  line-height: 18px;
  margin-left: 10px;
}
[data-v-3ec44a33] .other-reason {
  display: flex;
  padding: 10px 0;
}
[data-v-3ec44a33] .other-reason > * {
  flex: 1;
}
[data-v-3ec44a33] .other-reason span {
  flex: 0 0 60px;
}
[data-v-3ec44a33] .delay-tips {
  display: flex;
  align-items: center;
  margin-left: 10px;
}
[data-v-3ec44a33] .delay-tips .mtdicon {
  color: #999;
  font-size: 18px;
  margin-left: 5px;
}
[data-v-3ec44a33] .remark-tips {
  color: #999;
}
[data-v-3ec44a33] .width-100 {
  width: 100%;
}
[data-v-3ec44a33] .fs-12 {
  font-size: 12px;
}
[data-v-3ec44a33] .width-160 {
  width: 160px;
}
.submit-btn[data-v-adb2d14e] {
  padding: 0;
}
.default-phone-tip[data-v-2bd42244] {
  margin-left: 85px;
}
.default-phone-tip .default-phone-err-tip[data-v-2bd42244] {
  color: red;
}
.flow-operation-msg[data-v-59898534] {
  width: 700px;
}
.flow-operation-msg .msg-container[data-v-59898534] {
  max-height: 75vh;
  overflow-y: auto;
}
.flow-operation-msg .msg-header[data-v-59898534] {
  display: flex;
  margin-top: 10px;
  font-size: 18px;
}
.flow-operation-msg .msg-header .msg-header-title[data-v-59898534] {
  font-weight: bold;
  color: #303133;
}
.flow-operation-msg .msg-content-tip[data-v-59898534] {
  margin-top: 10px;
  color: red;
  text-align: center;
}
.flow-operation-msg .msg-content[data-v-59898534] {
  width: 100%;
  padding: 10px 50px 0 50px;
}
.flow-operation-msg .msg-content .template-drop[data-v-59898534] {
  width: 100%;
}
.flow-operation-msg .msg-content .part-edit-content[data-v-59898534] {
  padding: 10px;
  width: 100%;
  height: 150px;
  box-sizing: border-box;
  border: 1px solid #ddd;
  border-radius: 3px;
  overflow-y: scroll;
  word-break: break-all;
  white-space: pre-line;
}
.flow-operation-msg .msg-content .part-edit-content .part-edit-content-item[data-v-59898534] {
  line-height: 24px;
}
.flow-operation-msg .msg-content .part-edit-content .part-edit-content-item .part-edit-ipt-border[data-v-59898534] {
  border: 0;
  border-bottom: 1px solid #000;
}
.flow-operation-msg .msg-footer[data-v-59898534] {
  display: flex;
  justify-content: center;
  margin-top: 16px;
}
.flow-operation-msg .msg-footer button[data-v-59898534] {
  margin-right: 10px;
}
.message-default-phone[data-v-59898534] {
  display: flex;
  flex-wrap: wrap;
}
.message-default-phone-item[data-v-59898534] {
  margin-right: 10px;
}
.reconfirm-content-tip[data-v-59898534] {
  color: red;
}
.reconfirm-footer[data-v-59898534] {
  display: flex;
  justify-content: center;
}
.reconfirm-footer-btn[data-v-59898534] {
  margin: 0 10px;
}
.cursor-default[data-v-59898534] {
  cursor: default;
}
.secret-link[data-v-3d7e6ab4] {
  vertical-align: middle;
  color: var(--cs-common-primary-color);
  line-height: 22px;
  height: 22px;
  font-family: PingFangSC-Medium, -apple-system, BlinkMacSystemFont, Helvetica Neue, PingFang SC, Microsoft YaHei, Source Han Sans SC, Noto Sans CJK SC, WenQuanYi Micro Hei, sans-serif;
}
.icon-container[data-v-3d7e6ab4] {
  width: 22px;
  min-height: 22px;
  cursor: pointer;
  line-height: 22px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  transform: translate(-1px);
  border-radius: 4px;
}
.icon-container[data-v-3d7e6ab4]:hover {
  background-color: rgba(0, 0, 0, 0.06);
}
.contact-icon[data-v-3d7e6ab4] {
  font-size: 18px;
  color: var(--cs-common-primary-color);
  font-weight: 600;
}
[data-v-3d7e6ab4] .mtd-input:read-only {
  border-color: transparent;
}
.cs-f-contact[data-v-070c3b82] {
  width: auto;
}
.contact-container[data-v-070c3b82] {
  width: auto;
  display: inline-flex;
  vertical-align: middle;
}
.icon-bar[data-v-070c3b82] {
  display: inline-flex;
  vertical-align: middle;
  margin: auto;
}
.icon-bar[data-v-070c3b82] .icon-tooltip {
  display: inline-block;
  margin-right: 4px;
}
.contact-input[data-v-070c3b82] {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin-right: 6px;
}
.contact-number[data-v-070c3b82] {
  width: 180px;
}
.recommand-button[data-v-070c3b82] {
  background-color: rgba(0, 0, 0, 0.2);
}
.contact-name[data-v-070c3b82] {
  margin-right: 4px;
  width: 60px;
}
.secret-link[data-v-070c3b82] {
  vertical-align: middle;
  color: var(--cs-common-primary-color);
  line-height: 22px;
  height: 22px;
  font-family: PingFangSC-Medium, -apple-system, BlinkMacSystemFont, Helvetica Neue, PingFang SC, Microsoft YaHei, Source Han Sans SC, Noto Sans CJK SC, WenQuanYi Micro Hei, sans-serif;
}
[data-v-070c3b82] .mtd-input:read-only {
  border-color: transparent;
}
.mtd-checkbox[data-v-2b3942a0] {
  margin-bottom: 4px;
}
.mtd-checkbox-nlp-recommend[data-v-2b3942a0] {
  padding-left: 2px;
  margin-right: 32px !important;
}
.mtd-checkbox-nlp-recommend[data-v-2b3942a0] .mtd-checkbox-inner {
  position: relative !important;
}
.mtd-checkbox-nlp-recommend[data-v-2b3942a0] .mtd-checkbox-inner::before {
  position: absolute;
  content: "";
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 20px;
  height: 20px;
  border: 1px dashed var(--cs-common-primary-color);
}
.mtd-checkbox-group .mtd-tooltip-rel .mtd-checkbox[data-v-2b3942a0]:last-child {
  margin-right: 32px !important;
}
.cs-f-checkbox-select-all[data-v-2b3942a0] {
  margin-right: 10px;
}
.angular-module-container {
  display: flex;
  flex-direction: column;
}
#OLD_SEP_CASE_SEARCH,
#OLD_SEP_MERCHANT_WALLET,
#OLD_SEP_BATCH_OPT {
  padding: 20px 20px 0 20px;
}
[data-v-485377bc] .mtd-modal-content-wrapper {
  padding: 24px;
}
.cs-field-table-container[data-v-485377bc] {
  width: 100%;
}
.cs-field-table-container[data-v-485377bc] .mtd-table {
  border: 1px solid #f0f0f0;
  border-radius: 6px;
  color: rgba(0, 0, 0, 0.87);
  font-size: 14px;
}
.cs-field-table-container[data-v-485377bc] .mtd-table .single-image img {
  width: 100%;
  height: 100%;
}
.cs-field-table-container[data-v-485377bc] .mtd-table .mtd-table-cell {
  font-size: 14px;
  line-height: 20px;
}
.cs-field-table-container[data-v-485377bc] .mtd-table .mtd-table-body .operation-button-item {
  margin: 4px 8px 4px 0;
}
.cs-field-table-container[data-v-485377bc] .mtd-table .mtd-table-body .mtd-table-row:nth-last-child(1) td {
  border: none;
}
.cs-field-table-container .cs-field-table-pagination-container[data-v-485377bc] {
  text-align: left;
  margin-top: 10px;
}
.search-group[data-v-08662166] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
}
.cs-f-search-table[data-v-08662166] {
  width: 100%;
}
.cs-search-field-container[data-v-08662166] {
  margin-bottom: 10px;
}
.search-table-search-field[data-v-08662166],
.search-btn[data-v-08662166],
.clear-btn[data-v-08662166] {
  margin-right: 8px;
  margin-bottom: 12px;
}
[data-v-08662166] .mtd-table-body .operation-button-item {
  margin: 4px 8px 4px 0;
}
[data-v-08662166] .cs-field-right {
  width: 100%;
  flex-direction: column;
  align-items: start;
}
.cs-field-search-table-pagination-container[data-v-08662166] {
  margin-top: 10px;
  margin-bottom: 10px;
  display: flex;
  justify-content: center;
}
[data-v-e628c7a0] .mtd-select {
  width: 100%;
}
[data-v-e628c7a0] .mtd-select-disabled {
  opacity: 1;
}
[data-v-e628c7a0] .mtd-select-disabled .mtd-input-wrapper .mtd-input-suffix-inner {
  display: none;
}
[data-v-e628c7a0] .mtd-select-disabled .mtd-input-wrapper .mtd-input {
  border: none;
  cursor: auto;
}
[data-v-e628c7a0] .mtd-select-disabled .mtd-input-wrapper .mtd-input:disabled {
  color: #666;
}
[data-v-b9fe013e] .mtd-select {
  width: 100%;
}
[data-v-b9fe013e] .mtd-select-disabled {
  opacity: 1;
}
[data-v-b9fe013e] .mtd-select-disabled .mtd-input-wrapper .mtd-input-suffix-inner {
  display: none;
}
[data-v-b9fe013e] .mtd-select-disabled .mtd-input-wrapper .mtd-input {
  border: none;
  cursor: auto;
}
[data-v-b9fe013e] .mtd-select-disabled .mtd-input-wrapper .mtd-input:disabled {
  color: #666;
}
[data-v-aa519c0c] .mtd-select {
  width: 100%;
}
[data-v-aa519c0c] .mtd-select-disabled {
  opacity: 1;
}
[data-v-aa519c0c] .mtd-select-disabled .mtd-input-wrapper .mtd-input-suffix-inner {
  display: none;
}
[data-v-aa519c0c] .mtd-select-disabled .mtd-input-wrapper .mtd-input {
  border: none;
  cursor: auto;
}
[data-v-aa519c0c] .mtd-select-disabled .mtd-input-wrapper .mtd-input:disabled {
  color: #666;
}
.operation-group[data-v-1db91ee8] {
  margin-right: 8px;
}
.mtd-btn[data-v-1db91ee8] {
  max-width: 150px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.recommend-answer[data-v-409569f2] {
  border: 1px solid rgba(0, 0, 0, 0.13);
  border-radius: 5px;
  display: flex;
  padding: 10px;
  width: 50%;
  margin-right: 10px;
}
.recommend-answer .answer-title[data-v-409569f2] {
  height: 100%;
  width: 70px;
  flex-shrink: 0;
  color: #666;
  font-size: 7px;
}
.recommend-answer .mtd-btn-primary.active[data-v-409569f2] {
  background-color: #0a70f5;
  color: #fff;
}
.relate-knowledge[data-v-0d0e8d90] {
  border: 1px solid rgba(0, 0, 0, 0.13);
  border-radius: 5px;
  display: flex;
  padding: 10px;
  width: 50%;
}
.relate-knowledge .knowledge-title[data-v-0d0e8d90] {
  height: 100%;
  width: 70px;
  flex-shrink: 0;
  color: #666;
  font-size: 7px;
}
[data-v-42dc745d] .mtd-select-disabled {
  opacity: 1;
}
[data-v-42dc745d] .mtd-select-disabled .mtd-input-wrapper .mtd-input-suffix-inner {
  display: none;
}
[data-v-42dc745d] .mtd-select-disabled .mtd-input-wrapper .mtd-input {
  border: none;
  cursor: auto;
}
[data-v-42dc745d] .mtd-input:disabled {
  color: #666;
}
[data-v-42dc745d] .mtd-cascader {
  width: 100%;
}
.cascader-container[data-v-42dc745d] {
  display: flex;
  align-items: center;
  width: 100%;
}
.answer-knowledge[data-v-42dc745d] {
  display: flex;
  margin-top: 10px;
  align-items: flex-start;
  width: 100%;
  justify-content: space-between;
}
.faq-picker[data-v-42dc745d] {
  min-width: 600px;
}
.cs-f-multiple-select[data-v-581a178a] {
  width: 100%;
}
[data-v-581a178a] .mtd-select {
  width: 100%;
}
[data-v-581a178a] .mtd-select-disabled .mtd-input-wrapper .mtd-input-suffix-inner {
  display: none;
}
[data-v-581a178a] .mtd-input:disabled {
  color: #666;
}
[data-v-581a178a] .mtd-select-disabled .mtd-input-wrapper .mtd-input {
  border: none;
  cursor: auto;
}
[data-v-581a178a] .mtd-select-disabled {
  opacity: 1;
}
.field-right-continer[data-v-b19ae8ea] {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}
.tags-container[data-v-b19ae8ea] {
  display: flex;
  flex-wrap: wrap;
}
.tags-container .field-tag[data-v-b19ae8ea] {
  white-space: nowrap;
  max-width: 150px;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 12px;
  letter-spacing: 0;
  line-height: 20px;
  height: 24px;
  font-weight: 500;
  padding: 2px 6px;
  margin: 3px 8px 3px 0;
  cursor: pointer;
  border-radius: 4px;
  color: #000;
}
.tags-container .field-tag-name[data-v-b19ae8ea] {
  max-width: 150px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.out-call-note-container[data-v-e62a5e26] {
  width: 500px;
  margin: 0 -24px;
  padding: 0 20px;
}
.out-call-note-container .call-user[data-v-e62a5e26]::before {
  content: "*";
  color: red;
}
.out-call-note-container .mtd-row[data-v-e62a5e26] {
  margin-bottom: 20px;
}
.out-call-note-container .mtd-row[data-v-e62a5e26]:last-child {
  margin-bottom: 0;
}
.out-call-note-container .mtd-col[data-v-e62a5e26] {
  border-radius: 4px;
}
.out-call-note-container .bg-purple[data-v-e62a5e26] {
  background: #d3dce6;
}
.out-call-note-container .grid-content[data-v-e62a5e26] {
  border-radius: 4px;
  min-height: 36px;
}
.out-call-note-container .modal-footer[data-v-e62a5e26] {
  display: flex;
  justify-content: center;
  align-items: center;
}
.out-call-note-container[data-v-e62a5e26] textarea {
  border: none;
}
.out-call-note-container .textarea-out-call-note[data-v-e62a5e26] {
  width: 260px;
  height: 100px;
  overflow-y: auto;
  resize: none;
}
.out-call-note-container .field-secret[data-v-e62a5e26] {
  display: inline;
}
.out-call-note-container .secret-link[data-v-e62a5e26] {
  color: var(--cs-common-primary-color);
  font-family: PingFangSC-Medium, -apple-system, BlinkMacSystemFont, Helvetica Neue, PingFang SC, Microsoft YaHei, Source Han Sans SC, Noto Sans CJK SC, WenQuanYi Micro Hei, sans-serif;
}
.out-call-note-container .nlp-textarea[data-v-e62a5e26] {
  position: relative;
  display: flex;
  background-color: rgb(255, 255, 255);
  border-radius: 4px;
  width: 262px;
  height: 122px;
  border: 1px solid #ddd;
}
.out-call-note-container .nlp-textarea .nlp-textarea-operation[data-v-e62a5e26] {
  position: absolute;
  display: flex;
  flex-direction: row;
  align-items: center;
  right: 0;
  bottom: 0;
  z-index: 3;
}
.out-call-note-container .nlp-textarea .nlp-textarea-operation[data-v-e62a5e26] .mtd-btn {
  height: 24px;
}
.out-call-note-container .nlp-textarea .icon-style[data-v-e62a5e26] {
  color: var(--cs-common-primary-color);
  display: inline;
}
.out-call-note-container[data-v-e62a5e26] .icon-style-disabled > span {
  line-height: 20px;
  color: rgba(0, 0, 0, 0.5);
}
.out-call-note-container .nlp-default-recommend[data-v-e62a5e26] {
  width: 100%;
  position: absolute;
  box-sizing: border-box;
  padding: 6px 12px;
  top: 2px;
  left: 0;
  height: 102px;
  background-color: #fff;
  z-index: 2;
  overflow-y: auto;
}
.out-call-note-container .nlp-default-recommend .nlp-default-recommend-value[data-v-e62a5e26] {
  line-height: 22px;
  white-space: pre-wrap;
}
.out-call-note-container .nlp-default-recommend .nlp-default-recommend-tag[data-v-e62a5e26] {
  background: var(--cs-common-primary-color4);
  border-radius: 8px;
  font-size: 14px;
  color: var(--cs-common-primary-color);
  letter-spacing: 0;
  padding: 0 6px;
  margin-left: 4px;
}
.assistance-container[data-v-573f2254] {
  width: 600px;
  padding-top: 10px;
}
.assistance-container .assistance-info[data-v-573f2254] {
  color: #000;
}
.assistance-container .button-container[data-v-573f2254] {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin-top: 50px;
}
.assistance-container .button-container .task-container[data-v-573f2254] {
  width: 70%;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  flex-wrap: wrap;
}
.assistance-container .button-container .task-container .task-operation[data-v-573f2254] {
  margin: 0 5px 5px 0;
}
.assistance-container .button-container .operation-container[data-v-573f2254] {
  width: 30%;
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
}
.assistance-container .button-container .operation-container .cancel-button[data-v-573f2254] {
  margin-right: 5px;
}

.virtual-number-message-content[data-v-36523122] {
  width: 600px;
  padding: 20px;
}
.content-row[data-v-36523122] {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}
.content-row-left[data-v-36523122] {
  width: 120px;
  margin-right: 10px;
}
.content-row-right[data-v-36523122] {
  width: 100%;
}
.content-row-btn[data-v-36523122] {
  display: flex;
  justify-content: center;
}
.retry-btn-row[data-v-36523122] {
  position: relative;
}
.retry-btn[data-v-36523122] {
  position: absolute;
  display: flex;
  flex-direction: column;
  right: -30px;
  top: 0;
}
.retry-btn-font[data-v-36523122] {
  font-size: 12px;
  text-align: center;
}
.btn-left[data-v-36523122] {
  margin-right: 10px;
}
.top-tip[data-v-36523122] {
  text-align: center;
  margin-bottom: 5px;
  padding-left: 40px;
  color: red;
}
.message-content[data-v-36523122] {
  background-color: #eff8f2;
}
.footer-tip[data-v-36523122] {
  text-align: center;
  margin-top: 5px;
  padding-left: 40px;
  color: red;
}

.driver-virtual-number-container[data-v-194ec998] {
  width: 600px;
}
.driver-virtual-number-container .driver-virtual-number-body[data-v-194ec998] {
  width: 100%;
  height: 150px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.driver-virtual-number-container .driver-virtual-number-footer[data-v-194ec998] {
  text-align: center;
  margin-bottom: 10px;
}
.flow-ticket-andon[data-v-31c4248e] {
  width: 600px;
  padding: 20px;
}
.flow-ticket-andon .flow-ticket-detail[data-v-31c4248e] {
  color: rgba(0, 0, 0, 0.6);
}
.flow-ticket-andon .flow-ticket-detail .detail-label[data-v-31c4248e] {
  margin-right: 5px;
}
.flow-ticket-andon[data-v-31c4248e] .mtd-form-item-label {
  text-align: left;
}
.flow-ticket-andon .flow-ticket-btn[data-v-31c4248e] {
  display: flex;
  justify-content: center;
  margin-top: 20px;
}
.flow-ticket-andon .flow-ticket-btn .btn-left[data-v-31c4248e] {
  margin-right: 10px;
}
.flow-ticket-andon .flow-ticket-tip[data-v-31c4248e] {
  margin-top: 20px;
  color: #ff4c47;
}
.flow-third-party-reminder-remark[data-v-2a43fce0] {
  min-width: 500px;
  padding: 20px;
}
.flow-third-party-reminder-remark[data-v-2a43fce0] .mtd-form-item-label {
  text-align: left;
}
.flow-third-party-reminder-remark .remark-textarea[data-v-2a43fce0] {
  height: 150px;
  width: 100%;
}
.flow-third-party-reminder-remark .flow-third-party-reminder-remark-btn[data-v-2a43fce0] {
  margin-top: 20px;
  margin-right: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.flow-third-party-reminder-remark .flow-third-party-reminder-remark-btn > .btn-left[data-v-2a43fce0] {
  margin-right: 10px;
}
.buy-food-compensation-judgement[data-v-5cc52520] {
  width: 600px;
  padding: 20px;
}
.buy-food-compensation-judgement .select-label[data-v-5cc52520] {
  width: 400px;
}
.buy-food-compensation-judgement .textarea-desc[data-v-5cc52520] {
  width: 400px;
  height: 150px;
  resize: none;
}
.buy-food-compensation-judgement .btn-footer[data-v-5cc52520] {
  display: flex;
  justify-content: center;
  margin-top: 20px;
}
.buy-food-compensation-judgement .btn-footer .btn-left[data-v-5cc52520] {
  margin-right: 10px;
}
.risk-andon[data-v-64351f98] {
  width: 600px;
  padding: 20px;
}
.risk-andon .w-full[data-v-64351f98] {
  width: 100%;
}
.risk-andon .mtd-form-item[data-v-64351f98] {
  margin-bottom: 10px;
}
.risk-andon .flow-ticket-detail[data-v-64351f98] {
  color: rgba(0, 0, 0, 0.6);
}
.risk-andon .flow-ticket-detail .detail-label[data-v-64351f98] {
  margin-right: 5px;
}
.risk-andon[data-v-64351f98] .mtd-form-item-label {
  text-align: left;
}
.risk-andon .flow-ticket-btn[data-v-64351f98] {
  display: flex;
  justify-content: center;
  margin-top: 20px;
}
.risk-andon .flow-ticket-btn .btn-left[data-v-64351f98] {
  margin-right: 10px;
}
.risk-andon .flow-ticket-tip[data-v-64351f98] {
  margin-top: 20px;
  color: #ff4c47;
}
.risk-andon .failed-tips[data-v-64351f98] {
  color: red;
  text-align: center;
}
.flow-complaint[data-v-fd24d0ce] {
  width: 600px;
  padding: 10px;
}
.flow-complaint .flow-complaint-btn[data-v-fd24d0ce] {
  display: flex;
  justify-content: center;
  margin-top: 20px;
}
.flow-complaint .flow-complaint-btn .btn-left[data-v-fd24d0ce] {
  margin-right: 10px;
}
.flow-complaint .complaint-item[data-v-fd24d0ce] {
  display: flex;
  justify-content: center;
}
.flow-complaint .complaint-item-left[data-v-fd24d0ce] {
  display: flex;
  align-items: center;
  margin-left: 10px;
  margin-bottom: 10px;
}
.flow-complaint .item-textarea[data-v-fd24d0ce] {
  margin-left: 5px;
  width: 100%;
  height: 100px;
}
.flow-complaint .secret-link[data-v-fd24d0ce] {
  width: 180px !important;
}
.poi-input-wrap[data-v-6e99b2e4] {
  position: relative;
}
.poi-input-wrap .apply-andon-poi-list[data-v-6e99b2e4] {
  z-index: 100;
  position: absolute;
  border: 1px solid rgba(0, 0, 0, 0.04);
  background: #fff;
  width: 100%;
  margin-top: 2px;
}
.confirm-andon[data-v-6e99b2e4] {
  width: 500px;
  padding: 20px;
}
.confirm-andon .w-full[data-v-6e99b2e4] {
  width: 100%;
}
.confirm-andon .mtd-form-item[data-v-6e99b2e4] {
  margin-bottom: 10px;
}
.confirm-andon[data-v-6e99b2e4] .mtd-form-item-label {
  text-align: left;
}
.confirm-andon .tip[data-v-6e99b2e4] {
  margin-top: 20px;
  color: red;
}
.confirm-andon .confirm-btn-wrap[data-v-6e99b2e4] {
  display: flex;
  justify-content: space-around;
  margin-top: 20px;
}
.confirm-andon .confirm-btn-wrap .btn-left[data-v-6e99b2e4] {
  margin-right: 10px;
}
.order-reminder[data-v-4385a3ad] {
  width: 400px;
}
.order-reminder .tips[data-v-4385a3ad] {
  text-align: center;
  margin: 40px 0;
}
.order-reminder .btn-footer[data-v-4385a3ad] {
  display: flex;
  justify-content: center;
  margin: 10px 0;
}
.flow-refund-audit[data-v-7ff4b5da] {
  width: 500px;
  padding: 20px;
}
.flow-refund-audit[data-v-7ff4b5da] .mtd-form-item-label {
  text-align: left;
}
.flow-refund-audit .flow-ticket-btn[data-v-7ff4b5da] {
  display: flex;
  justify-content: center;
  margin-top: 20px;
}
.flow-refund-audit .flow-ticket-btn .btn-left[data-v-7ff4b5da] {
  margin-right: 10px;
}
.flow-refund-audit .flow-ticket-tip[data-v-7ff4b5da] {
  margin-top: 20px;
  color: #ff4c47;
}
.flow-refund-audit .flow-ticket-user[data-v-7ff4b5da] {
  padding-left: 60px;
}
.flow-refund-audit[data-v-7ff4b5da] .maicai-refund-scale .mtd-input-number-wrapper {
  width: 180px;
}
.account-adjustment-reject-dialog[data-v-d593c0ae] {
  width: 452px;
  margin: 20px 0 0;
}
.account-adjustment-reject-dialog[data-v-d593c0ae] .mtd-textarea {
  width: 300px;
}
.account-adjustment-reject-dialog .confirm-btn[data-v-d593c0ae] {
  margin: 0 12px 0 70px;
}
.flow-collaboration-work-order[data-v-67e1b097] {
  width: 400px;
  height: 150px;
  padding: 20px;
}
.flow-collaboration-work-order .flow-ticket-tip[data-v-67e1b097] {
  margin-top: 20px;
  text-align: center;
}
.flow-collaboration-work-order .text-tips[data-v-67e1b097] {
  margin-top: 30px;
  text-align: center;
}
.flow-collaboration-work-order .flow-ticket-btn[data-v-67e1b097] {
  display: flex;
  justify-content: center;
  margin-top: 46px;
}
.flow-collaboration-work-order .flow-ticket-btn .btn-left[data-v-67e1b097] {
  margin-right: 10px;
}
.flow-collaboration-work-order[data-v-57117cf5] {
  width: 400px;
  padding: 20px;
}
.flow-collaboration-work-order .mtd-textarea[data-v-57117cf5] {
  width: 220px;
}
.flow-collaboration-work-order .mtd-select[data-v-57117cf5] {
  width: 220px;
}
.flow-collaboration-work-order .minute-input-width[data-v-57117cf5] {
  width: 100px;
}
.flow-collaboration-work-order .flow-ticket-tip[data-v-57117cf5] {
  font-size: 12px;
  margin-top: 20px;
  color: #ff4c47;
}
.flow-collaboration-work-order .flow-ticket-btn[data-v-57117cf5] {
  display: flex;
  justify-content: center;
  margin-top: 20px;
}
.flow-collaboration-work-order .flow-ticket-btn .btn-left[data-v-57117cf5] {
  margin-right: 10px;
}
.select-image-checkbox[data-v-543f113c] {
  width: 220px;
  display: flex;
  flex-wrap: wrap;
}
.mtd-checkbox-group .mtd-checkbox[data-v-543f113c] {
  margin-right: 0;
}
.youxuan-refund-dialog[data-v-566bccd8] {
  width: 90vw;
}
.youxuan-refund-dialog .commdity-table[data-v-566bccd8] {
  max-height: 400px;
  overflow: auto;
  margin-bottom: 20px;
}
.youxuan-refund-dialog .commdity-table[data-v-566bccd8] .mtd-input-number-wrapper {
  width: 100px;
}
.youxuan-refund-dialog .commdity-table[data-v-566bccd8] .mtd-input-wrapper {
  width: 100px;
}
.youxuan-refund-dialog .commdity-table .input[data-v-566bccd8] {
  width: 100px;
}
.youxuan-refund-dialog .commdity-table .need-retrieve[data-v-566bccd8] {
  color: #f22735;
}
.youxuan-refund-dialog .commdity-table .refund-info[data-v-566bccd8] {
  font-size: 12px;
  margin-top: 5px;
}
.youxuan-refund-dialog .refund-dialog-header[data-v-566bccd8] {
  display: flex;
  align-items: center;
  margin-left: 80px;
  margin-top: -32px;
  margin-bottom: 5px;
}
.youxuan-refund-dialog .refund-dialog-header[data-v-566bccd8] .mtd-btn > span {
  color: var(--cs-common-primary-color);
  font-weight: bold;
}
.youxuan-refund-dialog .refund-dialog-header[data-v-566bccd8] .mtdicon.mtdicon-refresh-o {
  font-weight: bold;
  margin-right: -5px;
}
.youxuan-refund-dialog .refund-dialog-header .order-info[data-v-566bccd8] {
  margin-left: -5px;
}
.youxuan-refund-dialog .refund-container[data-v-566bccd8] {
  display: flex;
}
.youxuan-refund-dialog .refund-item-container[data-v-566bccd8] {
  display: flex;
  align-items: center;
  margin-right: 30px;
  margin-bottom: 10px;
}
.youxuan-refund-dialog .refund-item-container .refund-item-label[data-v-566bccd8] {
  display: flex;
  align-items: center;
  margin-right: 20px;
}
.youxuan-refund-dialog .refund-item-container .refund-item-label .refund-item-required[data-v-566bccd8] {
  color: #f22735;
  font-size: 16px;
  margin-right: 4px;
}
.youxuan-refund-dialog .refund-item-container .refund-item-field .refund-reason-select[data-v-566bccd8] {
  width: 240px;
}
.youxuan-refund-dialog .refund-item-container .refund-item-info[data-v-566bccd8] {
  display: flex;
  align-items: center;
  margin-left: 20px;
}
.youxuan-refund-dialog .refund-item-container .refund-item-info .info-icon[data-v-566bccd8] {
  color: #cc8c16;
  font-size: 16px;
  margin-right: 5px;
}
.youxuan-refund-dialog .refund-item-container .refund-item-info .info-text[data-v-566bccd8] {
  color: #f5483b;
}
.youxuan-refund-dialog .refund-validation.intercept[data-v-566bccd8] {
  color: #f22735;
  font-weight: bold;
}
.youxuan-refund-dialog .refund-validation.detain[data-v-566bccd8] {
  color: #52c41a;
  font-weight: bold;
}
.youxuan-refund-dialog .refund-summary[data-v-566bccd8] {
  display: flex;
  width: 80%;
  align-items: center;
  margin-left: 20px;
  margin-bottom: 6px;
}
.youxuan-refund-dialog .refund-summary .summary-item[data-v-566bccd8] {
  flex-basis: 25%;
}
.youxuan-refund-dialog .refund-summary .summary-item.refund-reason[data-v-566bccd8] {
  flex-basis: 30%;
}
.case-attachment[data-v-24d9e1fe] {
  margin-left: 130px;
}
.case-attachment .case-attachment-checkbox[data-v-24d9e1fe] {
  max-height: 120px;
  display: block;
  overflow: scroll;
  text-align: left;
}
.flow-action-hors-comp-add-remark[data-v-adb21222] {
  width: 452px;
  padding: 25px 0 14px;
}
.flow-action-hors-comp-add-remark .select-case[data-v-adb21222] {
  width: 259px;
}
.flow-action-hors-comp-add-remark .btn-group[data-v-adb21222] {
  margin-top: 35px;
  text-align: center;
}
.flow-action-hors-comp-add-remark .btn-group .success-btn[data-v-adb21222] {
  margin-right: 5px;
}
.message-default-phone[data-v-3f769414] {
  display: flex;
  flex-wrap: wrap;
}
.message-default-phone-item[data-v-3f769414] {
  margin-right: 10px;
}
.reconfirm-content-tip[data-v-3f769414] {
  color: red;
}
.reconfirm-footer[data-v-3f769414] {
  display: flex;
  justify-content: center;
}
.reconfirm-footer-btn[data-v-3f769414] {
  margin: 0 10px;
}
.flow-operation-message[data-v-1b813b82] {
  max-height: 65vh;
  overflow: auto;
}
.flow-operation-message .message-tip[data-v-1b813b82] {
  color: red;
  text-align: center;
  margin-bottom: 5px;
}
.flow-operation-message .template-select[data-v-1b813b82] {
  width: 475px;
}
.flow-operation-message .message-default-phone[data-v-1b813b82] {
  display: flex;
}
.flow-operation-message .message-default-phone .cs-f-secret-field[data-v-1b813b82] {
  width: auto;
}
.flow-operation-message .message-default-phone .message-default-phone-del[data-v-1b813b82] {
  margin-left: 5px;
}
.flow-operation-message .part-edit-content[data-v-1b813b82] {
  padding: 10px;
  width: 475px;
  height: 200px;
  box-sizing: border-box;
  border: 1px solid #ddd;
  border-radius: 3px;
  overflow-y: scroll;
  word-break: break-all;
  white-space: pre-line;
}
.flow-operation-message .part-edit-content .part-edit-content-item[data-v-1b813b82] {
  line-height: 24px;
}
.flow-operation-message .part-edit-content .part-edit-content-item .part-edit-ipt-border[data-v-1b813b82] {
  border: 0;
  border-bottom: 1px solid #000;
}
.flow-operation-message .message-footer[data-v-1b813b82] {
  display: flex;
  justify-content: center;
  margin-top: 32px;
}
.flow-operation-message .message-footer button[data-v-1b813b82] {
  margin-right: 10px;
}
.flow-operation-message .attachments-tip[data-v-1b813b82] {
  color: red;
  text-align: center;
}
.flow-action-push-dp[data-v-6a3a6e3e] {
  width: 500px;
  padding: 20px;
}
.flow-action-push-dp .btn-footer[data-v-6a3a6e3e] {
  display: flex;
  justify-content: center;
  margin-top: 20px;
}
.flow-action-push-dp .btn-footer .btn-left[data-v-6a3a6e3e] {
  margin-right: 10px;
}
.flow-action-push-mt[data-v-1b38faa0] {
  width: 500px;
  padding: 20px;
}
.flow-action-push-mt .btn-footer[data-v-1b38faa0] {
  display: flex;
  justify-content: center;
  margin-top: 20px;
}
.flow-action-push-mt .btn-footer .btn-left[data-v-1b38faa0] {
  margin-right: 10px;
}
.flow-action-push-dx[data-v-c43a7cae] {
  width: 500px;
  padding: 20px;
}
.flow-action-push-dx .btn-footer[data-v-c43a7cae] {
  display: flex;
  justify-content: center;
  margin-top: 20px;
}
.flow-action-push-dx .btn-footer .btn-left[data-v-c43a7cae] {
  margin-right: 10px;
}
.send-ask-container[data-v-003b2cd1] {
  width: 600px;
}
.send-ask-container .close-ask-btns[data-v-003b2cd1] {
  display: flex;
  justify-content: center;
}
.send-ask-container .close-ask-btns button[data-v-003b2cd1] {
  margin: 0 5px;
}
.send-ask-container[data-v-003b2cd1] .width-100 {
  width: 100%;
}
.flow-operation-close-ask[data-v-501afa24] {
  width: 600px;
  min-height: 100px;
}
.flow-operation-close-ask .close-ask-content[data-v-501afa24] {
  padding: 20px 0 20px 34px;
}
.flow-operation-close-ask .close-ask-btns[data-v-501afa24] {
  display: flex;
  justify-content: center;
}
.flow-operation-close-ask .close-ask-btns button[data-v-501afa24] {
  margin: 0 5px;
}
.flow-operation-close-ask[data-v-501afa24] .width-100 {
  width: 100%;
}
.third-party-send-file-remark[data-v-75e57a32] {
  width: 452px;
  padding: 25px 0 14px;
}
.third-party-send-file-remark .attachment[data-v-75e57a32] {
  margin-left: 0;
}
.third-party-send-file-remark .third-party-send-file-remark-btn[data-v-75e57a32] {
  display: flex;
  justify-content: center;
  margin-top: 20px;
}
.third-party-send-file-remark .third-party-send-file-remark-btn .btn-left[data-v-75e57a32] {
  margin-right: 10px;
}
.sync-remarks-torelated-case[data-v-2426b902] {
  padding: 20px;
  width: 400px;
}
.sync-remarks-torelated-case .sync-remarks-torelated-btn[data-v-2426b902] {
  display: flex;
  justify-content: center;
  margin-top: 20px;
}
.sync-remarks-torelated-case .sync-remarks-torelated-btn .btn-left[data-v-2426b902] {
  margin-right: 10px;
}
.bs-container[data-v-0f04a435] {
  padding: 20px 20px 0;
}
.bs-container .bs-btns[data-v-0f04a435] {
  display: flex;
  justify-content: center;
  margin-top: 20px;
}
.bs-container .bs-btns button[data-v-0f04a435] {
  margin: 0 5px;
}
.bs-container[data-v-0f04a435] {
  font-size: 0;
}
.bs-container[data-v-0f04a435] .form-contact-name {
  width: 80px;
}
.bs-container[data-v-0f04a435] .form-contact-tel {
  width: 160px;
}
.bs-container[data-v-0f04a435] .bs-container-item {
  width: 240px;
}
.maoyan-refund-check .required-item[data-v-5c95534c]::before {
  content: "*";
  display: inline-block;
  top: 1px;
  left: -12px;
  color: #f54b1e;
  font-weight: 700;
  font-size: 16px;
}
.maoyan-refund-check-item[data-v-5c95534c] {
  margin: 10px 0px;
}
.maoyan-refund-check-container[data-v-5c95534c] {
  display: flex;
  flex-direction: row;
}
.maoyan-refund-check-textarea[data-v-5c95534c] {
  width: 400px;
  height: 200px;
}
.maoyan-refund-check-btn[data-v-5c95534c] {
  display: flex;
  justify-content: center;
  margin-top: 20px;
}
.maoyan-refund-check-btn .btn-left[data-v-5c95534c] {
  margin-right: 10px;
}
.yuqing-task[data-v-017246d2] {
  max-width: 600px;
}
.yuqing-task-container[data-v-017246d2] {
  width: 400px;
  box-sizing: border-box;
  margin: 20px 60px;
  font-size: 16px;
}
.yuqing-task .yuqing-task-item-right[data-v-017246d2] {
  width: 220px;
}
.yuqing-task .yuqing-task-item-left[data-v-017246d2] {
  width: 140px;
}
.yuqing-task[data-v-017246d2] .mtd-form-item-label {
  width: 140px !important;
}
.yuqing-task-btn[data-v-017246d2] {
  display: flex;
  justify-content: center;
  margin-top: 20px;
}
.yuqing-task-btn .btn-left[data-v-017246d2] {
  margin-right: 10px;
}
.apollo-cooperation-container[data-v-4b65ac3e] {
  width: 400px;
  box-sizing: border-box;
  margin: 20px 60px;
  font-size: 16px;
}
.apollo-cooperation[data-v-4b65ac3e] .mtd-form-item-label {
  width: 140px !important;
}
.apollo-cooperation .apollo-cooperation-item-right[data-v-4b65ac3e] {
  width: 220px;
}
.apollo-cooperation .apollo-cooperation-item-textarea[data-v-4b65ac3e] {
  height: 150px;
}
.apollo-cooperation-btn[data-v-4b65ac3e] {
  display: flex;
  justify-content: center;
  margin-top: 20px;
}
.apollo-cooperation-btn .btn-left[data-v-4b65ac3e] {
  margin-right: 10px;
}
.batch-close-tt-case[data-v-674ebb1a] {
  padding: 20px;
  width: 400px;
}
.batch-close-tt-case .batch-close-tt-case-btn[data-v-674ebb1a] {
  display: flex;
  justify-content: center;
  margin-top: 20px;
}
.batch-close-tt-case .batch-close-tt-case-btn .btn-left[data-v-674ebb1a] {
  margin-right: 10px;
}
.flow-send-driver-task[data-v-5f380c62] {
  width: 600px;
  height: 500px;
  overflow: auto;
  padding: 20px;
}
.flow-send-driver-task .other-fields[data-v-5f380c62] {
  display: flex;
  justify-content: space-around;
}
.flow-send-driver-task .field-box[data-v-5f380c62] .cs-field-left {
  color: #606266;
  white-space: nowrap;
  max-width: 100%;
  margin-left: 20px;
}
.flow-send-driver-task .field-box[data-v-5f380c62] .cs-field-right {
  color: #606266;
}
.flow-send-driver-task .mtd-form-item-top[data-v-5f380c62] .mtd-form-item-label {
  color: rgba(0, 0, 0, 0.9);
}
.flow-send-driver-task .mtd-form-item-right[data-v-5f380c62] .mtd-form-item-label {
  color: rgba(0, 0, 0, 0.9);
}
.flow-send-driver-task .mtd-checkbox[data-v-5f380c62] {
  margin: 20px 0 0 20px;
}
.flow-send-driver-task .mtd-checkbox[data-v-5f380c62] .mtd-checkbox-inner {
  vertical-align: top;
}
.flow-send-driver-task .flow-ticket-btn[data-v-5f380c62] {
  text-align: center;
}
.relate-to-sub-case[data-v-228fc339] {
  max-width: 900px;
}
.relate-to-sub-case .required-item[data-v-228fc339]::before {
  content: "*";
  display: inline-block;
  top: 1px;
  left: -12px;
  color: #f54b1e;
  font-weight: 700;
  font-size: 16px;
}
.relate-to-sub-case-container[data-v-228fc339] {
  display: flex;
  flex-direction: row;
  margin-top: 15px;
}
.relate-to-sub-case-textarea[data-v-228fc339] {
  width: 300px;
  height: 150px;
}
.relate-to-sub-case-btn[data-v-228fc339] {
  display: flex;
  justify-content: center;
  margin-top: 20px;
}
.relate-to-sub-case-btn .btn-left[data-v-228fc339] {
  margin-right: 10px;
}
.flow-taxi-hang-up[data-v-894fe438] {
  width: 600px;
  padding: 20px;
}
.flow-taxi-hang-up[data-v-894fe438] .mtd-form-item-label {
  text-align: left;
}
.flow-taxi-hang-up .flow-taxi-hang-up-btn[data-v-894fe438] {
  display: flex;
  justify-content: center;
  margin-top: 20px;
}
.flow-taxi-hang-up .flow-taxi-hang-up-btn .btn-left[data-v-894fe438] {
  margin-right: 10px;
}
.adjust-container[data-v-6dd74b48] {
  width: 552px;
  box-sizing: border-box;
  padding: 0 60px 0 40px;
  margin-top: 10px;
}
.adjust-container .error-tip[data-v-6dd74b48] {
  display: flex;
  justify-content: center;
}
.adjust-container .reason-container[data-v-6dd74b48] {
  display: flex;
}
.adjust-container .reason-container .select-item[data-v-6dd74b48] {
  flex: 1;
}
.adjust-container .reason-container .select-item[data-v-6dd74b48]:first-child {
  margin-right: 10px;
}
.adjust-container .remark[data-v-6dd74b48] {
  width: 100%;
}
.adjust-container .footer[data-v-6dd74b48] {
  display: flex;
  justify-content: center;
  margin-top: 20px;
}
.adjust-container .footer .btn-left[data-v-6dd74b48] {
  margin-right: 10px;
}
.flow-action-moma[data-v-d0e58dfe] {
  padding: 20px;
  width: 400px;
}
.flow-action-moma .flow-action-moma-textarea[data-v-d0e58dfe] {
  height: 100px;
  padding: 6px 10px;
  resize: none;
  border: 1px solid #ddd;
  border-radius: 2px;
  word-break: break-all;
}
.flow-action-moma .flow-action-moma-select[data-v-d0e58dfe] {
  width: 260px;
}
.hors-comp-modify-level[data-v-78956cee] {
  padding: 20px;
  width: 400px;
}
.hors-comp-modify-level .hors-comp-modify-level-selectList[data-v-78956cee] {
  width: 250px;
}
.taxi-platform-add-third-remark[data-v-10534fe1] {
  padding: 20px;
  width: 400px;
}
.taxi-platform-add-third-remark .taxi-platform-add-third-remark-content[data-v-10534fe1] {
  height: 150px;
  padding: 6px 10px;
  resize: none;
  border: 1px solid #ddd;
  border-radius: 2px;
  word-break: break-all;
}
.remark-textarea[data-v-10534fe1] {
  height: 100px;
}
.flow-bind-invoice[data-v-5eaa309e] .mtd-table {
  margin: 20px 0;
  max-width: 600px;
}
.flow-bind-invoice[data-v-5eaa309e] .mtd-table .mtd-table-header .mtd-checkbox {
  display: none;
}
.flow-bind-invoice .flow-ticket-btn[data-v-5eaa309e] {
  display: flex;
  justify-content: center;
  margin-top: 20px;
}
.horseman-complaint-case-create[data-v-5b8fd9cd] {
  width: 552px;
  padding: 25px 0 14px;
}
.horseman-complaint-case-create .part-edit-information[data-v-5b8fd9cd] {
  width: 40%;
}
.horseman-complaint-case-create .part-edit-content[data-v-5b8fd9cd] {
  padding: 10px;
  width: 375px;
  display: flex;
  flex-direction: column;
  height: 200px;
  box-sizing: border-box;
  border: 1px solid #ddd;
  border-radius: 3px;
  overflow-y: scroll;
  word-break: break-all;
  white-space: pre-line;
}
.horseman-complaint-case-create .part-edit-content .part-edit-content-item[data-v-5b8fd9cd] {
  line-height: 59px;
}
.horseman-complaint-case-create .part-edit-content .part-edit-content-item .part-edit-ipt-border[data-v-5b8fd9cd] {
  border: 0;
  width: 275px;
  height: 57px;
}
.horseman-complaint-case-create .select-case[data-v-5b8fd9cd] {
  width: 259px;
}
.horseman-complaint-case-create .btn-group[data-v-5b8fd9cd] {
  margin-top: 35px;
  text-align: center;
}
.horseman-complaint-case-create .btn-group .success-btn[data-v-5b8fd9cd] {
  margin-right: 5px;
}
.text-upload[data-v-4cd41841] .mtd-upload-dragger {
  width: 100px;
  height: 32px;
  line-height: 32px;
}
.picture-upload[data-v-4cd41841] .mtd-upload-dragger {
  width: 100px;
  height: 100px;
  border: none;
  box-sizing: content-box;
  background: none;
}
.mail-container[data-v-0ce98cc0] {
  width: 700px;
  padding: 0 40px;
  max-height: 480px;
  overflow-y: auto;
}
.mail-container .mail-tip[data-v-0ce98cc0] {
  color: red;
  margin-left: 100px;
  margin-bottom: 10px;
}
.mail-container .form-item[data-v-0ce98cc0] {
  width: 100%;
  font-size: 14px;
  line-height: 22px;
}
.mail-container .error-item[data-v-0ce98cc0] {
  color: red;
  font-size: 12px;
  height: 16px;
  line-height: 16px;
}
.mail-container .default-mail-content[data-v-0ce98cc0] {
  display: flex;
}
.mail-container .part-edit-content[data-v-0ce98cc0] {
  width: 100%;
  height: 160px;
  font-size: 14px;
  line-height: 22px;
  box-sizing: border-box;
  border: 1px solid #ddd;
  border-radius: 3px;
  overflow-y: scroll;
  word-break: break-all;
  white-space: pre-line;
}
.mail-container .mail-footer[data-v-0ce98cc0] {
  display: flex;
  justify-content: center;
  margin-bottom: 20px;
}
.mail-container .mail-footer .btn-left[data-v-0ce98cc0] {
  margin-right: 10px;
}
.mail-container[data-v-0ce98cc0] .chips {
  padding-bottom: 0;
  margin-bottom: 0 !important;
}
.horseman-complaint-modify-status[data-v-489980b2] {
  width: 452px;
  padding: 25px 0 14px;
}
.horseman-complaint-modify-status .select-case[data-v-489980b2] {
  width: 259px;
}
.horseman-complaint-modify-status .btn-group[data-v-489980b2] {
  margin-top: 35px;
  text-align: center;
}
.horseman-complaint-modify-status .btn-group .success-btn[data-v-489980b2] {
  margin-right: 5px;
}
.self-service-complaint-dialog[data-v-43df3402] {
  width: 452px;
  margin: 20px 0 0;
}
.self-service-complaint-dialog[data-v-43df3402] .mtd-input-wrapper,
.self-service-complaint-dialog .mtd-textarea[data-v-43df3402] {
  width: 300px;
}
.self-service-complaint-dialog[data-v-43df3402] .cs-f-secret-field .mtd-btn-text-primary {
  margin-left: 50px;
}
.self-service-complaint-dialog .confirm-btn[data-v-43df3402] {
  margin: 0 12px 0 70px;
}
.external-task-flow[data-v-f58359c0] {
  min-width: 400px;
  min-height: 450px;
  padding: 20px;
}
.external-task-flow .mtd-textarea[data-v-f58359c0] {
  width: 100%;
}
.external-task-flow .example-checkbox-all[data-v-f58359c0] {
  display: flex;
  flex-direction: column;
}
.external-task-flow .example-checkbox-all[data-v-f58359c0] .mtd-checkbox {
  margin-left: 0;
}
.external-task-flow[data-v-f58359c0] .mtd-form-item-label {
  text-align: left;
}
.external-task-flow .flow-ticket-btn[data-v-f58359c0] {
  display: flex;
  justify-content: center;
  margin-top: 20px;
}
.external-task-flow .flow-ticket-btn .btn-left[data-v-f58359c0] {
  margin-right: 10px;
}
.urge-task-dispose-dialog[data-v-a1e9b712] {
  width: 400px;
  margin: 20px 0 0;
}
.urge-task-dispose-dialog[data-v-a1e9b712] .mtd-form-item-label {
  width: 140px !important;
  color: rgba(0, 0, 0, 0.84);
}
.urge-task-dispose-dialog .urge-content[data-v-a1e9b712] {
  display: block;
  width: 300px;
  padding-left: 40px;
}
.urge-task-dispose-dialog .confirm-btn[data-v-a1e9b712] {
  margin-right: 12px;
}
.msg-tpl-select[data-v-07a4144c] {
  width: 240px;
}
.msg-tpl-content[data-v-07a4144c] {
  width: 478px;
  height: 138px;
  resize: none;
  overflow: scroll;
}
.message-tip[data-v-07a4144c] {
  color: red;
  text-align: center;
  margin-bottom: 5px;
}
.disabled-pointer[data-v-07a4144c] {
  cursor: not-allowed;
}
.part-edit-content[data-v-07a4144c] {
  padding: 10px;
  width: 475px;
  height: 200px;
  box-sizing: border-box;
  border: 1px solid #ddd;
  border-radius: 3px;
  overflow-y: scroll;
  word-break: break-all;
  white-space: pre-line;
}
.part-edit-content .part-edit-content-item[data-v-07a4144c] {
  line-height: 24px;
}
.part-edit-content .part-edit-content-item .part-edit-ipt-border[data-v-07a4144c] {
  border-bottom: 1px solid #000;
}
.part-edit-content .part-edit-content-item[data-v-07a4144c] .mtd-input {
  border: none;
}
.part-edit-content .part-edit-content-item[data-v-07a4144c] .mtd-input-wrapper {
  height: 20px;
  border: none;
  border-bottom: 1px solid #000;
  background: transparent;
  border-radius: 0;
}
.popover-msg-color[data-v-07a4144c] {
  color: red;
}
.leave-msg-footer[data-v-07a4144c] {
  display: flex;
  flex: 0 0 auto;
  justify-content: end;
  gap: 0 12px;
}
.complain-dialog-container[data-v-b4c0ebc2] {
  width: 580px;
}
.complain-dialog-container .main-info[data-v-b4c0ebc2] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 15px 0;
}
.complain-dialog-container .complain-dialog-bottom[data-v-b4c0ebc2] {
  display: flex;
  align-items: center;
  justify-content: center;
}
.complain-dialog-container .complain-dialog-bottom > *[data-v-b4c0ebc2] {
  margin: 0 5px;
}
[data-v-b4c0ebc2] .mtd-form-item-label {
  text-align: left;
}
[data-v-b4c0ebc2] .form-item-content {
  width: 100%;
}
[data-v-b4c0ebc2] .attachment-checkbox-content {
  text-align: center;
  padding-right: 16px;
  margin: -10px 0 10px;
}
[data-v-b4c0ebc2] .attachment-show-more-btn {
  display: flex;
  align-items: center;
  justify-content: center;
}
.submit-tt[data-v-e5048844] {
  width: 600px;
  padding: 0 20px;
}
.submit-tt .mtd-form[data-v-e5048844] {
  height: 480px;
  overflow-y: auto;
}
.submit-tt .mtd-form-item[data-v-e5048844] {
  margin-bottom: 10px;
}
.submit-tt .mtd-form-item[data-v-e5048844] .mtd-form-item-label {
  text-align: left;
}
.submit-tt .mtd-form-item[data-v-e5048844] .mtd-select,
.submit-tt .mtd-form-item .mtd-input-wrapper[data-v-e5048844],
.submit-tt .mtd-form-item .mtd-textarea[data-v-e5048844] {
  width: 100% !important;
}
.submit-tt .flow-ticket-btn[data-v-e5048844] {
  display: flex;
  justify-content: center;
  margin-top: 20px;
}
.submit-tt .flow-ticket-btn .btn-left[data-v-e5048844] {
  margin-right: 10px;
}
.yuqing-case[data-v-ede78286] {
  width: 800px;
}
.my-case-pagination[data-v-ede78286] {
  display: flex;
  justify-content: center;
  margin-top: 30px;
}
.other-case[data-v-279d9ac4] {
  width: 600px;
}
.other-case span[data-v-279d9ac4] {
  margin-right: 20px;
}
.other-case[data-v-279d9ac4] .mtd-input-wrapper {
  width: 70%;
}
.yuqing-account[data-v-5c681872] {
  width: 800px;
}
.yuqing-account-pagination[data-v-5c681872] {
  display: flex;
  justify-content: center;
  margin-top: 30px;
}
.yuqing-phone[data-v-520d7af4] {
  width: 800px;
}
.yuqing-phone-pagination[data-v-520d7af4] {
  display: flex;
  justify-content: center;
  margin-top: 30px;
}
.relate-to-main-case[data-v-d10a7ca4] {
  padding: 20px;
}
.relate-to-main-case[data-v-d10a7ca4] .case-radio-group {
  padding-bottom: 10px;
}
.flow-ticket-btn[data-v-d10a7ca4] {
  display: flex;
  justify-content: center;
  margin-top: 20px;
}
.flow-ticket-btn .btn-left[data-v-d10a7ca4] {
  margin-right: 10px;
}
.stay-andon[data-v-1a4afd64] {
  min-width: 580px;
}
.stay-andon .leftMargins[data-v-1a4afd64] .mtd-form-item-label {
  width: 110px !important;
}
.stay-andon .stay-andon-content[data-v-1a4afd64] {
  color: red;
}
.stay-andon .stay-andon-textarea[data-v-1a4afd64] {
  height: 100px;
  padding: 6px 10px;
  resize: none;
  border: 1px solid #ddd;
  border-radius: 2px;
  word-break: break-all;
}
.stay-andon-footer[data-v-1a4afd64] {
  text-align: center;
}
.demo-modal-footer[data-v-1a4afd64] {
  margin-top: 10px;
  text-align: center;
}
.flow-operation-reject-inner-case .flow-operation-reject-inner-case-footer[data-v-66ba1303] {
  display: flex;
  justify-content: center;
  margin-top: 32px;
}
.flow-operation-reject-inner-case .flow-operation-reject-inner-case-footer button[data-v-66ba1303] {
  margin-right: 10px;
}
.owner-action-dialog[data-v-5a88b5ea] {
  width: 300px;
  padding: 10px 0;
}
.owner-action-dialog .content-row[data-v-5a88b5ea] {
  display: flex;
  align-items: center;
  justify-content: start;
  margin-bottom: 10px;
}
.owner-action-dialog .content-row .content-row-left[data-v-5a88b5ea] {
  width: 80px;
  text-align: left;
  flex-shrink: 0;
  margin-right: 15px;
}
.owner-action-dialog .content-row .content-row-left[data-v-5a88b5ea]::before {
  content: "*";
  color: #f54b1e;
  font-weight: 700;
  font-size: 16px;
  margin: 0 5px 0 0;
}
.owner-action-dialog .content-row .content-row-right[data-v-5a88b5ea] {
  flex: 1;
}
.owner-action-dialog .owner-action-dialog-footer[data-v-5a88b5ea] {
  text-align: center;
  padding: 10px 0 0 0;
}
.flow-close-task .flow-close-task-container[data-v-5675fa44] {
  min-width: 400px;
  min-height: 160px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px 20px 0 20px;
}
.flow-close-task .flow-close-task-container .flow-close-task-content-title[data-v-5675fa44] {
  margin-bottom: 12px;
}
.flow-close-task .flow-close-task-container .flow-close-task-content-tip[data-v-5675fa44] {
  margin-top: 16px;
  text-align: center;
  color: red;
}
.flow-close-task .flow-close-task-footer[data-v-5675fa44] {
  display: flex;
  justify-content: center;
  margin-top: 32px;
}
.flow-close-task .flow-close-task-footer button[data-v-5675fa44] {
  margin-right: 10px;
}
.flow-remote-tools[data-v-29bbcdd2] {
  width: 820px;
  padding: 20px;
}
.flow-remote-tools .flow-remote-tools-btn[data-v-29bbcdd2] {
  display: flex;
  justify-content: center;
  margin-top: 20px;
}
.flow-remote-tools .flow-remote-tools-btn .btn-left[data-v-29bbcdd2] {
  margin-right: 10px;
}
.flow-shop-task .flow-shop-task-container[data-v-79c9d946] {
  min-width: 400px;
  min-height: 160px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px 20px 0 20px;
}
.flow-shop-task .flow-shop-task-footer[data-v-79c9d946] {
  display: flex;
  justify-content: center;
  margin-top: 32px;
}
.flow-shop-task .flow-shop-task-footer button[data-v-79c9d946] {
  margin-right: 10px;
}
.custom-config-container[data-v-f97bdc6a] {
  width: 660px;
}
.custom-config-container .custom-config-content[data-v-f97bdc6a] {
  min-height: 100px;
  max-height: 380px;
  overflow: auto;
}
.custom-config-container .custom-config-footer[data-v-f97bdc6a] {
  display: flex;
  justify-content: center;
  margin-top: 20px;
}
.custom-config-container .custom-config-footer .btn-left[data-v-f97bdc6a] {
  margin-right: 10px;
}
.custom-config-container .custom-config-row[data-v-f97bdc6a] {
  margin: 5px 0;
  width: 100%;
}
.custom-config-container[data-v-f97bdc6a] .custom-config-field .cs-field-right .mtd-cascader + .mtd-textarea {
  margin-top: 5px;
  width: 100%;
}
.create-send-case[data-v-1889f4fa] {
  width: 1000px;
  padding: 20px;
}
.create-send-case .create-send-case-content[data-v-1889f4fa] {
  min-height: 200px;
  overflow: auto;
}
.create-send-case .content-row[data-v-1889f4fa] {
  display: flex;
  align-items: center;
  justify-content: start;
  margin-bottom: 10px;
}
.create-send-case .content-row .content-row-left[data-v-1889f4fa] {
  width: 120px;
  text-align: left;
  flex-shrink: 0;
  margin-right: 15px;
}
.create-send-case .content-row .content-row-right-border[data-v-1889f4fa] {
  flex: 1;
  border-bottom: 1px dashed #ddd;
}
.create-send-case .content-row .content-row-right-border .right-content[data-v-1889f4fa] {
  display: flex;
  align-items: center;
  justify-content: start;
  padding-bottom: 10px;
}
.create-send-case .content-row .content-row-right-border .right-content .content-left[data-v-1889f4fa] {
  width: 120px;
  text-align: left;
  flex-shrink: 0;
  margin-right: 15px;
}
.create-send-case .content-row .content-row-right-border .right-content .content-right[data-v-1889f4fa] {
  flex: 1;
}
.create-send-case .content-row .content-row-right-border .right-content .content-right .content-right-span[data-v-1889f4fa] {
  color: rgb(180, 0, 0);
}
.create-send-case .content-row .content-row-right-border .right-content .content-right .content-right-cursor[data-v-1889f4fa] {
  cursor: pointer;
}
.create-send-case .content-row .content-row-right[data-v-1889f4fa] {
  flex: 1;
}
.create-send-case .content-row .content-row-right .right-content[data-v-1889f4fa] {
  display: flex;
  align-items: center;
  justify-content: start;
  padding-bottom: 10px;
}
.create-send-case .content-row .content-row-right .right-content .content-left[data-v-1889f4fa] {
  width: 120px;
  text-align: left;
  flex-shrink: 0;
  margin-right: 15px;
}
.create-send-case .content-row .content-row-right .right-content .content-right[data-v-1889f4fa] {
  flex: 1;
}
.create-send-case .content-row .content-row-right .input[data-v-1889f4fa] {
  padding-left: 5px;
  width: 380px;
}
.create-send-case .content-row .content-row-textarea[data-v-1889f4fa] {
  width: 100%;
  height: 100px;
  padding: 6px 10px;
  resize: none;
  border: 1px solid #ddd;
  border-radius: 2px;
  word-break: break-all;
}
.create-send-case .content-row-bottom[data-v-1889f4fa] {
  text-align: center;
}
.compensate-item[data-v-12919443] {
  display: flex;
  width: 100%;
  font-size: 14px;
  margin-bottom: 5px;
  margin-bottom: 5px;
}
.compensate-item .row-left[data-v-12919443] {
  flex: 0 0 100px;
  margin-right: 10px;
  display: inline-block;
}
.compensate-item .required[data-v-12919443] {
  position: relative;
}
.compensate-item .required[data-v-12919443]::before {
  content: "*";
  display: inline-block;
  position: absolute;
  top: 1px;
  left: -12px;
  color: #f54b1e;
  font-weight: 700;
  font-size: 16px;
}
.compensate-item .row-right[data-v-12919443] {
  flex: 1 1 auto;
}
.default-user-info[data-v-27abcade] {
  display: flex;
  width: 100%;
  font-size: 14px;
  margin-bottom: 5px;
  flex-direction: column;
}
.default-user-info .item-value[data-v-27abcade] {
  position: relative;
  display: block;
  height: 100%;
}
.default-user-info .item-value[data-v-27abcade]::before {
  content: "";
  position: absolute;
  z-index: 110;
  left: 50%;
  top: calc(100% - 12px);
  margin-top: 0;
  height: 8px;
  width: 8px;
  border-left: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  transform: translateX(-50%) rotate(135deg);
  background: #fff;
  opacity: 0;
  transition: all 0.2s linear;
  transition-delay: 0.1s;
}
.default-user-info .item-value[data-v-27abcade]::after {
  content: attr(aria-label);
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: calc(100% - 12px);
  z-index: 109;
  max-width: 100%;
  padding: 4px 10px;
  margin-top: 4px;
  border: 1px solid #ddd;
  border-radius: 2px;
  background: #fff;
  color: #e35252;
  opacity: 0;
  display: none;
  transition: all 0.2s linear;
  white-space: nowrap;
  font-size: 12px;
}
.default-user-info .item-value.config-error input[data-v-27abcade], .default-user-info .item-value.validate-error input[data-v-27abcade] {
  border-color: #e35252;
}
.default-user-info .item-value.config-error[data-v-27abcade]::before, .default-user-info .item-value.validate-error[data-v-27abcade]::before {
  opacity: 1;
  display: inline-block;
  transform: translate(-50%, 6px) rotate(135deg);
}
.default-user-info .item-value.config-error[data-v-27abcade]::after, .default-user-info .item-value.validate-error[data-v-27abcade]::after {
  display: inline-block;
  opacity: 1;
  transform: translate(-50%, 6px);
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
}
.default-user-info .no-convertuserid-tips[data-v-27abcade] {
  color: red;
}
.default-user-info .tips[data-v-27abcade] {
  display: flex;
  width: 100%;
  font-size: 14px;
  margin-bottom: 5px;
  color: red;
}
.convert-user-info[data-v-27abcade] {
  border: 1px solid #999;
  border-radius: 3px;
  margin: 10px -40px;
  box-sizing: content-box;
  padding: 10px 40px;
}
.default-pay-amount .compensate-item[data-v-4ce0ee58] {
  display: flex;
  width: 100%;
  font-size: 14px;
  margin-bottom: 5px;
}
.default-pay-amount .compensate-item .warning-text[data-v-4ce0ee58] {
  color: red;
}
.default-pay-amount .pay-amount-unit[data-v-4ce0ee58] {
  color: #aaa;
  margin-left: 117px;
}
.default-pay-amount .item-value[data-v-4ce0ee58] {
  position: relative;
  display: block;
}
.default-pay-amount .item-value[data-v-4ce0ee58]::before {
  content: "";
  position: absolute;
  z-index: 110;
  left: 50%;
  top: calc(100% - 12px);
  margin-top: 0;
  height: 8px;
  width: 8px;
  border-left: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  transform: translateX(-50%) rotate(135deg);
  background: #fff;
  opacity: 0;
  transition: all 0.2s linear;
  transition-delay: 0.1s;
}
.default-pay-amount .item-value[data-v-4ce0ee58]::after {
  content: attr(aria-label);
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: calc(100% - 12px);
  z-index: 109;
  max-width: 100%;
  padding: 4px 10px;
  margin-top: 4px;
  border: 1px solid #ddd;
  border-radius: 2px;
  background: #fff;
  color: #e35252;
  opacity: 0;
  display: none;
  transition: all 0.2s linear;
  white-space: nowrap;
  font-size: 12px;
}
.default-pay-amount .item-value.config-error input[data-v-4ce0ee58], .default-pay-amount .item-value.validate-error input[data-v-4ce0ee58] {
  border-color: #e35252;
}
.default-pay-amount .item-value.config-error[data-v-4ce0ee58]::before, .default-pay-amount .item-value.validate-error[data-v-4ce0ee58]::before {
  opacity: 1;
  display: inline-block;
  transform: translate(-50%, 6px) rotate(135deg);
}
.default-pay-amount .item-value.config-error[data-v-4ce0ee58]::after, .default-pay-amount .item-value.validate-error[data-v-4ce0ee58]::after {
  display: inline-block;
  opacity: 1;
  transform: translate(-50%, 6px);
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
}
.default-pay-amount .item-value[data-v-4ce0ee58] .mtd-input::placeholder {
  font-weight: normal;
  font-size: 14px;
}
.default-pay-amount .item-value .amount-input[data-v-4ce0ee58] {
  font-size: 18px;
  font-weight: bold;
}
.compensate-loss-money .compensate-item[data-v-45454c61] {
  display: flex;
  width: 100%;
  font-size: 14px;
  margin-bottom: 5px;
}
.compensate-loss-money .compensate-item .warning-text[data-v-45454c61] {
  color: red;
}
.compensate-loss-money .pay-amount-unit[data-v-45454c61] {
  color: #aaa;
  margin-left: 117px;
}
.compensate-loss-money .item-value[data-v-45454c61] {
  position: relative;
  display: block;
}
.compensate-loss-money .item-value[data-v-45454c61]::before {
  content: "";
  position: absolute;
  z-index: 110;
  left: 50%;
  top: calc(100% - 12px);
  margin-top: 0;
  height: 8px;
  width: 8px;
  border-left: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  transform: translateX(-50%) rotate(135deg);
  background: #fff;
  opacity: 0;
  transition: all 0.2s linear;
  transition-delay: 0.1s;
}
.compensate-loss-money .item-value[data-v-45454c61]::after {
  content: attr(aria-label);
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: calc(100% - 12px);
  z-index: 109;
  max-width: 100%;
  padding: 4px 10px;
  margin-top: 4px;
  border: 1px solid #ddd;
  border-radius: 2px;
  background: #fff;
  color: #e35252;
  opacity: 0;
  display: none;
  transition: all 0.2s linear;
  white-space: nowrap;
  font-size: 12px;
}
.compensate-loss-money .item-value.config-error input[data-v-45454c61], .compensate-loss-money .item-value.validate-error input[data-v-45454c61] {
  border-color: #e35252;
}
.compensate-loss-money .item-value.config-error[data-v-45454c61]::before, .compensate-loss-money .item-value.validate-error[data-v-45454c61]::before {
  opacity: 1;
  display: inline-block;
  transform: translate(-50%, 6px) rotate(135deg);
}
.compensate-loss-money .item-value.config-error[data-v-45454c61]::after, .compensate-loss-money .item-value.validate-error[data-v-45454c61]::after {
  display: inline-block;
  opacity: 1;
  transform: translate(-50%, 6px);
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
}
.compensate-loss-money .item-value[data-v-45454c61] .mtd-input::placeholder {
  font-weight: normal;
  font-size: 14px;
}
.compensate-loss-money .item-value .amount-input[data-v-45454c61] {
  font-size: 18px;
  font-weight: bold;
}
.compensate-reason .select-item[data-v-63311bd6] {
  margin-bottom: 5px;
  width: 100%;
}
.compensate-reason .select-item[data-v-63311bd6]:last-child {
  margin-bottom: 0;
}
.prompt-content-placeholder[data-v-2222fd67] {
  color: red;
}
.item-value[data-v-251c62a5] {
  position: relative;
  display: block;
  flex: 1 1 auto;
}
.item-value[data-v-251c62a5]::before {
  content: "";
  position: absolute;
  z-index: 110;
  left: 50%;
  top: calc(100% - 12px);
  margin-top: 0;
  height: 8px;
  width: 8px;
  border-left: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  transform: translateX(-50%) rotate(135deg);
  background: #fff;
  opacity: 0;
  transition: all 0.2s linear;
  transition-delay: 0.1s;
}
.item-value[data-v-251c62a5]::after {
  content: attr(aria-label);
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: calc(100% - 12px);
  z-index: 109;
  max-width: 100%;
  padding: 4px 10px;
  margin-top: 4px;
  border: 1px solid #ddd;
  border-radius: 2px;
  background: #fff;
  color: #e35252;
  opacity: 0;
  display: none;
  transition: all 0.2s linear;
  white-space: nowrap;
  font-size: 12px;
}
.item-value.config-error input[data-v-251c62a5], .item-value.validate-error input[data-v-251c62a5] {
  border-color: #e35252;
}
.item-value.config-error[data-v-251c62a5]::before, .item-value.validate-error[data-v-251c62a5]::before {
  opacity: 1;
  display: inline-block;
  transform: translate(-50%, 6px) rotate(135deg);
}
.item-value.config-error[data-v-251c62a5]::after, .item-value.validate-error[data-v-251c62a5]::after {
  display: inline-block;
  opacity: 1;
  transform: translate(-50%, 6px);
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
}
.item-value[data-v-251c62a5] .mtd-input::placeholder {
  font-weight: normal;
  font-size: 14px;
}
.item-input[data-v-251c62a5] {
  width: 100%;
}
.item-select[data-v-251c62a5] {
  width: 100%;
}
.province-content[data-v-251c62a5] {
  display: flex;
}
.province-content .item-select[data-v-251c62a5] {
  flex: 1 1 auto;
}
.item-value[data-v-487e41d7] {
  width: 100%;
}
.item-value[data-v-487e41d7] .mtd-input::placeholder {
  font-weight: normal;
  font-size: 14px;
}
.item-select[data-v-01b274a2] {
  width: 100%;
}
.item-select[data-v-c08550b4] {
  width: 100%;
}
.item-select[data-v-0dc2e258] {
  width: 100%;
}
.you-xuan-pay-amount[data-v-73c8405b] {
  width: 100%;
}
.you-xuan-pay-amount .text-gray[data-v-73c8405b] {
  color: gray;
}
.you-xuan-pay-amount .text-bold[data-v-73c8405b] {
  font-weight: bold;
}
.you-xuan-pay-amount .input-item[data-v-73c8405b] {
  width: 60px;
  margin: 0 4px;
}
.you-xuan-pay-amount .item-radio[data-v-73c8405b],
.you-xuan-pay-amount .item-table[data-v-73c8405b] {
  margin-bottom: 5px;
}
.you-xuan-pay-amount .select-container[data-v-73c8405b] {
  display: flex;
  margin-bottom: 5px;
}
.you-xuan-pay-amount .select-container .item-select[data-v-73c8405b] {
  flex: 2;
}
.you-xuan-pay-amount .select-container .item-select[data-v-73c8405b]:first-child {
  margin-right: 5px;
  flex: 1;
}
.you-xuan-pay-amount .warning-tips[data-v-73c8405b] {
  margin-bottom: 5px;
}
.you-xuan-pay-amount[data-v-7ed0bf50] {
  width: 100%;
}
.you-xuan-pay-amount .text-gray[data-v-7ed0bf50] {
  color: gray;
}
.you-xuan-pay-amount .text-bold[data-v-7ed0bf50] {
  font-weight: bold;
}
.you-xuan-pay-amount .input-item[data-v-7ed0bf50] {
  width: 100%;
}
.you-xuan-pay-amount .amount-hint[data-v-7ed0bf50] {
  color: #666;
}
.you-xuan-pay-amount .item-radio[data-v-7ed0bf50],
.you-xuan-pay-amount .item-table[data-v-7ed0bf50] {
  margin-bottom: 5px;
}
.you-xuan-pay-amount .select-container[data-v-7ed0bf50] {
  display: flex;
  flex-direction: column;
  margin-bottom: 5px;
}
.you-xuan-pay-amount .select-container > *[data-v-7ed0bf50] {
  margin-bottom: 5px;
}
.you-xuan-pay-amount .select-container .item-select[data-v-7ed0bf50] {
  width: 100%;
}
.you-xuan-pay-amount .warning-tips[data-v-7ed0bf50] {
  margin-bottom: 5px;
}
.item-select[data-v-3ac97dc7] {
  width: 100%;
}
.tips[data-v-3ac97dc7] {
  color: "gray";
  font-size: 12px;
}
.warning-text[data-v-3ac97dc7] {
  color: red;
}
.input-item[data-v-3ac97dc7] {
  width: 100%;
}
.total-value[data-v-3ac97dc7] {
  font-size: 16px;
}
[data-v-9e39ed28] .mtd-select {
  width: 100%;
}
[data-v-133d4494] .mtd-select {
  width: 100%;
}
.amount-input[data-v-67c225cf] {
  width: 60px;
}
.youxuan-coupon-select[data-v-67c225cf] {
  display: flex;
  flex: 1;
}
.youxuan-coupon-select-table[data-v-67c225cf] {
  max-height: 500px;
}
[data-v-5f27615d] .mtd-select {
  width: 100%;
}
[data-v-72c5894e] .mtd-select {
  width: 100%;
}
.partner-amount[data-v-6d9bfb6d] {
  display: flex;
  width: 100%;
  font-size: 14px;
  margin-bottom: 5px;
  flex-direction: column;
}
.partner-amount .validate-error[data-v-6d9bfb6d] {
  position: relative;
  display: block;
}
.partner-amount .validate-error[data-v-6d9bfb6d]::before {
  content: "";
  position: absolute;
  z-index: 110;
  left: 50%;
  top: calc(100% - 12px);
  margin-top: 0;
  height: 8px;
  width: 8px;
  border-left: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  transform: translateX(-50%) rotate(135deg);
  background: #fff;
  opacity: 0;
  transition: all 0.2s linear;
  transition-delay: 0.1s;
}
.partner-amount .validate-error[data-v-6d9bfb6d]::after {
  content: attr(aria-label);
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: calc(100% - 12px);
  z-index: 109;
  max-width: 100%;
  padding: 4px 10px;
  margin-top: 4px;
  border: 1px solid #ddd;
  border-radius: 2px;
  background: #fff;
  color: #e35252;
  opacity: 0;
  display: none;
  transition: all 0.2s linear;
  white-space: nowrap;
  font-size: 12px;
}
.partner-amount .validate-error.config-error input[data-v-6d9bfb6d], .partner-amount .validate-error.validate-error input[data-v-6d9bfb6d] {
  border-color: #e35252;
}
.partner-amount .validate-error.config-error[data-v-6d9bfb6d]::before, .partner-amount .validate-error.validate-error[data-v-6d9bfb6d]::before {
  opacity: 1;
  display: inline-block;
  transform: translate(-50%, 6px) rotate(135deg);
}
.partner-amount .validate-error.config-error[data-v-6d9bfb6d]::after, .partner-amount .validate-error.validate-error[data-v-6d9bfb6d]::after {
  display: inline-block;
  opacity: 1;
  transform: translate(-50%, 6px);
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
}
.partner-amount .item-value[data-v-6d9bfb6d] {
  height: 100%;
}
.partner-amount .partner-tip[data-v-6d9bfb6d] {
  color: red;
}
[data-v-6d9bfb6d] .mtd-input-number-wrapper {
  width: 100%;
}
.item-value[data-v-2ca45571] {
  position: relative;
  display: block;
}
.item-value[data-v-2ca45571]::before {
  content: "";
  position: absolute;
  z-index: 110;
  left: 50%;
  top: calc(100% - 12px);
  margin-top: 0;
  height: 8px;
  width: 8px;
  border-left: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  transform: translateX(-50%) rotate(135deg);
  background: #fff;
  opacity: 0;
  transition: all 0.2s linear;
  transition-delay: 0.1s;
}
.item-value[data-v-2ca45571]::after {
  content: attr(aria-label);
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: calc(100% - 12px);
  z-index: 109;
  max-width: 100%;
  padding: 4px 10px;
  margin-top: 4px;
  border: 1px solid #ddd;
  border-radius: 2px;
  background: #fff;
  color: #e35252;
  opacity: 0;
  display: none;
  transition: all 0.2s linear;
  white-space: nowrap;
  font-size: 12px;
}
.item-value.config-error input[data-v-2ca45571], .item-value.validate-error input[data-v-2ca45571] {
  border-color: #e35252;
}
.item-value.config-error[data-v-2ca45571]::before, .item-value.validate-error[data-v-2ca45571]::before {
  opacity: 1;
  display: inline-block;
  transform: translate(-50%, 6px) rotate(135deg);
}
.item-value.config-error[data-v-2ca45571]::after, .item-value.validate-error[data-v-2ca45571]::after {
  display: inline-block;
  opacity: 1;
  transform: translate(-50%, 6px);
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
}
[data-v-2ca45571] .mtd-select {
  width: 100%;
}
.config-error[data-v-6891a933] {
  position: relative;
  display: block;
}
.config-error[data-v-6891a933]::before {
  content: "";
  position: absolute;
  z-index: 110;
  left: 50%;
  top: calc(100% - 12px);
  margin-top: 0;
  height: 8px;
  width: 8px;
  border-left: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  transform: translateX(-50%) rotate(135deg);
  background: #fff;
  opacity: 0;
  transition: all 0.2s linear;
  transition-delay: 0.1s;
}
.config-error[data-v-6891a933]::after {
  content: attr(aria-label);
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: calc(100% - 12px);
  z-index: 109;
  max-width: 100%;
  padding: 4px 10px;
  margin-top: 4px;
  border: 1px solid #ddd;
  border-radius: 2px;
  background: #fff;
  color: #e35252;
  opacity: 0;
  display: none;
  transition: all 0.2s linear;
  white-space: nowrap;
  font-size: 12px;
}
.config-error.config-error input[data-v-6891a933], .config-error.validate-error input[data-v-6891a933] {
  border-color: #e35252;
}
.config-error.config-error[data-v-6891a933]::before, .config-error.validate-error[data-v-6891a933]::before {
  opacity: 1;
  display: inline-block;
  transform: translate(-50%, 6px) rotate(135deg);
}
.config-error.config-error[data-v-6891a933]::after, .config-error.validate-error[data-v-6891a933]::after {
  display: inline-block;
  opacity: 1;
  transform: translate(-50%, 6px);
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
}
[data-v-3e62660a] .mtd-select {
  width: 100%;
}
.item-value[data-v-f9bd2f36] {
  position: relative;
  display: block;
}
.item-value[data-v-f9bd2f36]::before {
  content: "";
  position: absolute;
  z-index: 110;
  left: 50%;
  top: calc(100% - 12px);
  margin-top: 0;
  height: 8px;
  width: 8px;
  border-left: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  transform: translateX(-50%) rotate(135deg);
  background: #fff;
  opacity: 0;
  transition: all 0.2s linear;
  transition-delay: 0.1s;
}
.item-value[data-v-f9bd2f36]::after {
  content: attr(aria-label);
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: calc(100% - 12px);
  z-index: 109;
  max-width: 100%;
  padding: 4px 10px;
  margin-top: 4px;
  border: 1px solid #ddd;
  border-radius: 2px;
  background: #fff;
  color: #e35252;
  opacity: 0;
  display: none;
  transition: all 0.2s linear;
  white-space: nowrap;
  font-size: 12px;
}
.item-value.config-error input[data-v-f9bd2f36], .item-value.validate-error input[data-v-f9bd2f36] {
  border-color: #e35252;
}
.item-value.config-error[data-v-f9bd2f36]::before, .item-value.validate-error[data-v-f9bd2f36]::before {
  opacity: 1;
  display: inline-block;
  transform: translate(-50%, 6px) rotate(135deg);
}
.item-value.config-error[data-v-f9bd2f36]::after, .item-value.validate-error[data-v-f9bd2f36]::after {
  display: inline-block;
  opacity: 1;
  transform: translate(-50%, 6px);
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
}
.text-color-red[data-v-f9bd2f36] {
  color: red;
}
[data-v-f9bd2f36] .mtd-input-wrapper {
  width: 100%;
}
.item-value[data-v-fe5e7f6a] {
  width: 100%;
}
.item-value[data-v-fe5e7f6a] .mtd-input::placeholder {
  font-weight: normal;
  font-size: 14px;
}
.item-value[data-v-5f75a4de] {
  width: 100%;
}
.item-value[data-v-5f75a4de] .mtd-input::placeholder {
  font-weight: normal;
  font-size: 14px;
}
.select-item[data-v-6e6438f4] {
  width: 100%;
  margin-bottom: 5px;
}
.table-item[data-v-6e6438f4] {
  max-height: 500px;
  overflow-y: auto;
}
.item-value[data-v-49b9dba8] {
  position: relative;
  display: block;
}
.item-value[data-v-49b9dba8]::before {
  content: "";
  position: absolute;
  z-index: 110;
  left: 50%;
  top: calc(100% - 12px);
  margin-top: 0;
  height: 8px;
  width: 8px;
  border-left: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  transform: translateX(-50%) rotate(135deg);
  background: #fff;
  opacity: 0;
  transition: all 0.2s linear;
  transition-delay: 0.1s;
}
.item-value[data-v-49b9dba8]::after {
  content: attr(aria-label);
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: calc(100% - 12px);
  z-index: 109;
  max-width: 100%;
  padding: 4px 10px;
  margin-top: 4px;
  border: 1px solid #ddd;
  border-radius: 2px;
  background: #fff;
  color: #e35252;
  opacity: 0;
  display: none;
  transition: all 0.2s linear;
  white-space: nowrap;
  font-size: 12px;
}
.item-value.config-error input[data-v-49b9dba8], .item-value.validate-error input[data-v-49b9dba8] {
  border-color: #e35252;
}
.item-value.config-error[data-v-49b9dba8]::before, .item-value.validate-error[data-v-49b9dba8]::before {
  opacity: 1;
  display: inline-block;
  transform: translate(-50%, 6px) rotate(135deg);
}
.item-value.config-error[data-v-49b9dba8]::after, .item-value.validate-error[data-v-49b9dba8]::after {
  display: inline-block;
  opacity: 1;
  transform: translate(-50%, 6px);
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
}
.item-value[data-v-49b9dba8] .mtd-input::placeholder {
  font-weight: normal;
  font-size: 14px;
}
.item-value .amount-input[data-v-49b9dba8] {
  font-size: 18px;
  font-weight: bold;
}
[data-v-21214752] .mtd-select {
  width: 100%;
}
.compensate-item[data-v-21214752] {
  display: flex;
  width: 100%;
  font-size: 14px;
  margin-bottom: 5px;
}
.compensate-item .warning-text[data-v-21214752] {
  color: red;
}
.item-value[data-v-21214752] {
  position: relative;
  display: block;
}
.item-value[data-v-21214752]::before {
  content: "";
  position: absolute;
  z-index: 110;
  left: 50%;
  top: calc(100% - 12px);
  margin-top: 0;
  height: 8px;
  width: 8px;
  border-left: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  transform: translateX(-50%) rotate(135deg);
  background: #fff;
  opacity: 0;
  transition: all 0.2s linear;
  transition-delay: 0.1s;
}
.item-value[data-v-21214752]::after {
  content: attr(aria-label);
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: calc(100% - 12px);
  z-index: 109;
  max-width: 100%;
  padding: 4px 10px;
  margin-top: 4px;
  border: 1px solid #ddd;
  border-radius: 2px;
  background: #fff;
  color: #e35252;
  opacity: 0;
  display: none;
  transition: all 0.2s linear;
  white-space: nowrap;
  font-size: 12px;
}
.item-value.config-error input[data-v-21214752], .item-value.validate-error input[data-v-21214752] {
  border-color: #e35252;
}
.item-value.config-error[data-v-21214752]::before, .item-value.validate-error[data-v-21214752]::before {
  opacity: 1;
  display: inline-block;
  transform: translate(-50%, 6px) rotate(135deg);
}
.item-value.config-error[data-v-21214752]::after, .item-value.validate-error[data-v-21214752]::after {
  display: inline-block;
  opacity: 1;
  transform: translate(-50%, 6px);
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
}
.item-value[data-v-21214752] .mtd-input::placeholder {
  font-weight: normal;
  font-size: 14px;
}
.item-value .amount-input[data-v-21214752] {
  font-size: 18px;
  font-weight: bold;
}
[data-v-762a589a] .mtd-select {
  width: 100%;
}
.compensate-item[data-v-762a589a] {
  display: flex;
  width: 100%;
  font-size: 14px;
  margin-bottom: 5px;
}
.compensate-item .warning-text[data-v-762a589a] {
  color: red;
}
.item-value[data-v-762a589a] {
  position: relative;
  display: block;
}
.item-value[data-v-762a589a]::before {
  content: "";
  position: absolute;
  z-index: 110;
  left: 50%;
  top: calc(100% - 12px);
  margin-top: 0;
  height: 8px;
  width: 8px;
  border-left: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  transform: translateX(-50%) rotate(135deg);
  background: #fff;
  opacity: 0;
  transition: all 0.2s linear;
  transition-delay: 0.1s;
}
.item-value[data-v-762a589a]::after {
  content: attr(aria-label);
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: calc(100% - 12px);
  z-index: 109;
  max-width: 100%;
  padding: 4px 10px;
  margin-top: 4px;
  border: 1px solid #ddd;
  border-radius: 2px;
  background: #fff;
  color: #e35252;
  opacity: 0;
  display: none;
  transition: all 0.2s linear;
  white-space: nowrap;
  font-size: 12px;
}
.item-value.config-error input[data-v-762a589a], .item-value.validate-error input[data-v-762a589a] {
  border-color: #e35252;
}
.item-value.config-error[data-v-762a589a]::before, .item-value.validate-error[data-v-762a589a]::before {
  opacity: 1;
  display: inline-block;
  transform: translate(-50%, 6px) rotate(135deg);
}
.item-value.config-error[data-v-762a589a]::after, .item-value.validate-error[data-v-762a589a]::after {
  display: inline-block;
  opacity: 1;
  transform: translate(-50%, 6px);
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
}
.item-value[data-v-762a589a] .mtd-input::placeholder {
  font-weight: normal;
  font-size: 14px;
}
.item-value .amount-input[data-v-762a589a] {
  font-size: 18px;
  font-weight: bold;
}
.warning-text[data-v-49406141] {
  color: red;
}
.compensate-requirement[data-v-5c1845fe] {
  display: flex;
  width: 100%;
  font-size: 14px;
  margin-bottom: 5px;
  flex-direction: column;
}
.compensate-requirement .item-value[data-v-5c1845fe] {
  position: relative;
  display: block;
  height: 100%;
}
.compensate-requirement .item-value[data-v-5c1845fe]::before {
  content: "";
  position: absolute;
  z-index: 110;
  left: 50%;
  top: calc(100% - 12px);
  margin-top: 0;
  height: 8px;
  width: 8px;
  border-left: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  transform: translateX(-50%) rotate(135deg);
  background: #fff;
  opacity: 0;
  transition: all 0.2s linear;
  transition-delay: 0.1s;
}
.compensate-requirement .item-value[data-v-5c1845fe]::after {
  content: attr(aria-label);
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: calc(100% - 12px);
  z-index: 109;
  max-width: 100%;
  padding: 4px 10px;
  margin-top: 4px;
  border: 1px solid #ddd;
  border-radius: 2px;
  background: #fff;
  color: #e35252;
  opacity: 0;
  display: none;
  transition: all 0.2s linear;
  white-space: nowrap;
  font-size: 12px;
}
.compensate-requirement .item-value.config-error input[data-v-5c1845fe], .compensate-requirement .item-value.validate-error input[data-v-5c1845fe] {
  border-color: #e35252;
}
.compensate-requirement .item-value.config-error[data-v-5c1845fe]::before, .compensate-requirement .item-value.validate-error[data-v-5c1845fe]::before {
  opacity: 1;
  display: inline-block;
  transform: translate(-50%, 6px) rotate(135deg);
}
.compensate-requirement .item-value.config-error[data-v-5c1845fe]::after, .compensate-requirement .item-value.validate-error[data-v-5c1845fe]::after {
  display: inline-block;
  opacity: 1;
  transform: translate(-50%, 6px);
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
}
.pay-type-list[data-v-7ca8c3dd] {
  display: flex;
  width: 100%;
  font-size: 14px;
  margin-bottom: 5px;
}
.pay-type-list .warning-text[data-v-7ca8c3dd] {
  margin-left: 110px;
  color: red;
}
.compensate-order[data-v-4cbe0fdc] {
  display: flex;
  width: 100%;
  font-size: 14px;
  margin-bottom: 5px;
  flex-direction: column;
}
.compensate-order .config-error[data-v-4cbe0fdc] {
  color: red;
}
.compensate-remark .rist-loading[data-v-38531d60] {
  flex: 0 1 100%;
}
.compensate-remark .compensate-value[data-v-38531d60] {
  width: 100%;
}
.compensate-remark .warning-text[data-v-38531d60] {
  color: red;
}
.compensate-sms-template .compensate-item[data-v-e97da3e4] {
  display: flex;
  width: 100%;
  font-size: 14px;
  margin-bottom: 5px;
}
.compensate-sms-template .compensate-item .item-value[data-v-e97da3e4] {
  position: relative;
  display: block;
}
.compensate-sms-template .compensate-item .item-value[data-v-e97da3e4]::before {
  content: "";
  position: absolute;
  z-index: 110;
  left: 50%;
  top: calc(100% - 12px);
  margin-top: 0;
  height: 8px;
  width: 8px;
  border-left: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  transform: translateX(-50%) rotate(135deg);
  background: #fff;
  opacity: 0;
  transition: all 0.2s linear;
  transition-delay: 0.1s;
}
.compensate-sms-template .compensate-item .item-value[data-v-e97da3e4]::after {
  content: attr(aria-label);
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: calc(100% - 12px);
  z-index: 109;
  max-width: 100%;
  padding: 4px 10px;
  margin-top: 4px;
  border: 1px solid #ddd;
  border-radius: 2px;
  background: #fff;
  color: #e35252;
  opacity: 0;
  display: none;
  transition: all 0.2s linear;
  white-space: nowrap;
  font-size: 12px;
}
.compensate-sms-template .compensate-item .item-value.config-error input[data-v-e97da3e4], .compensate-sms-template .compensate-item .item-value.validate-error input[data-v-e97da3e4] {
  border-color: #e35252;
}
.compensate-sms-template .compensate-item .item-value.config-error[data-v-e97da3e4]::before, .compensate-sms-template .compensate-item .item-value.validate-error[data-v-e97da3e4]::before {
  opacity: 1;
  display: inline-block;
  transform: translate(-50%, 6px) rotate(135deg);
}
.compensate-sms-template .compensate-item .item-value.config-error[data-v-e97da3e4]::after, .compensate-sms-template .compensate-item .item-value.validate-error[data-v-e97da3e4]::after {
  display: inline-block;
  opacity: 1;
  transform: translate(-50%, 6px);
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
}
.compensate-sms-template .compensate-item .phone-input[data-v-e97da3e4] {
  width: 100%;
}
.compensate-sms-template .compensate-item .sms-content[data-v-e97da3e4] {
  width: 100%;
}
.compensate-sms-template .info-module-title[data-v-e97da3e4] {
  position: relative;
  margin: 10px 0;
  height: 20px;
  line-height: 20px;
  font-size: 14px;
  margin-left: -40px;
  margin-right: -40px;
  margin-bottom: 20px;
}
.compensate-sms-template .info-module-title span[data-v-e97da3e4] {
  z-index: 10;
  position: relative;
  margin-left: 3px;
  padding: 0 10px;
  background-color: #fafafa;
  font-weight: bold;
}
.compensate-sms-template .info-module-title[data-v-e97da3e4]:before, .compensate-sms-template .info-module-title[data-v-e97da3e4]:after {
  position: absolute;
  content: "";
}
.compensate-sms-template .info-module-title[data-v-e97da3e4]:after {
  width: 3px;
  height: 100%;
  left: 0;
  top: 0;
  background-color: var(--cs-common-primary-color);
}
.compensate-sms-template .info-module-title[data-v-e97da3e4]:before {
  top: 50%;
  left: 0;
  width: 100%;
  height: 0;
  border-top: 1px #eee dashed;
}
.compensate-sms-template .warning-text[data-v-e97da3e4] {
  color: red;
}
.compensate-sms-template .part-edit-content[data-v-e97da3e4] {
  padding: 10px;
  width: 360px;
  height: 200px;
  box-sizing: border-box;
  border: 1px solid #ddd;
  border-radius: 3px;
  overflow-y: scroll;
  word-break: break-all;
  white-space: pre-line;
}
.compensate-sms-template .part-edit-content .part-edit-content-item[data-v-e97da3e4] {
  line-height: 24px;
}
.compensate-sms-template .part-edit-content .part-edit-content-item .part-edit-ipt-border[data-v-e97da3e4] {
  border: 0;
  border-bottom: 1px solid #000;
}
.compensate-sms-template .part-edit-content .icon-item[data-v-e97da3e4] {
  cursor: pointer;
}
.refund-risk #relation-refund-warning[data-v-6c7f3e9c] {
  display: flex;
  width: 100%;
  font-size: 14px;
  margin-bottom: 5px;
  align-items: center;
  height: 45px;
  border-radius: 3px;
  background: rgba(255, 0, 0, 0.3);
}
.refund-risk #relation-refund-warning .hint-icon[data-v-6c7f3e9c] {
  color: #ef4136;
  margin: 0 10px;
  font-size: 25px;
}
.refund-risk #relation-refund-warning .hint-content[data-v-6c7f3e9c] {
  margin: auto;
}
.compensate[data-v-0dcbbd5b] {
  width: 560px;
  max-height: 80vh;
  padding-top: 20px;
}
.compensate .error-tip[data-v-0dcbbd5b] {
  height: 80px;
  font-size: 14px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.compensate .compensate-container[data-v-0dcbbd5b] {
  max-height: 500px;
  width: 100%;
  overflow: auto;
  padding: 0 50px;
}
.compensate .error-text[data-v-0dcbbd5b] {
  color: red;
  font-size: 14px;
}
.compensate .pay-apply-warning[data-v-0dcbbd5b] {
  color: red;
  white-space: pre-wrap;
}
.compensate .footer[data-v-0dcbbd5b] {
  margin-top: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.compensate .footer .confirm-btn[data-v-0dcbbd5b] {
  margin-right: 5px;
}
.compensate-item[data-v-02ca06e9] {
  display: flex;
  width: 100%;
  font-size: 14px;
  margin-bottom: 5px;
  margin-bottom: 5px;
}
.compensate-item .row-left[data-v-02ca06e9] {
  flex: 0 0 100px;
  margin-right: 10px;
  display: inline-block;
}
.compensate-item .required[data-v-02ca06e9] {
  position: relative;
}
.compensate-item .required[data-v-02ca06e9]::before {
  content: "*";
  display: inline-block;
  position: absolute;
  top: 1px;
  left: -12px;
  color: #f54b1e;
  font-weight: 700;
  font-size: 16px;
}
.compensate-item .row-right[data-v-02ca06e9] {
  flex: 1 1 auto;
}
.default-user-info[data-v-6f839049] {
  display: flex;
  width: 100%;
  font-size: 14px;
  margin-bottom: 5px;
  flex-direction: column;
}
.default-user-info .item-value[data-v-6f839049] {
  position: relative;
  display: block;
  height: 100%;
}
.default-user-info .item-value[data-v-6f839049]::before {
  content: "";
  position: absolute;
  z-index: 110;
  left: 50%;
  top: calc(100% - 12px);
  margin-top: 0;
  height: 8px;
  width: 8px;
  border-left: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  transform: translateX(-50%) rotate(135deg);
  background: #fff;
  opacity: 0;
  transition: all 0.2s linear;
  transition-delay: 0.1s;
}
.default-user-info .item-value[data-v-6f839049]::after {
  content: attr(aria-label);
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: calc(100% - 12px);
  z-index: 109;
  max-width: 100%;
  padding: 4px 10px;
  margin-top: 4px;
  border: 1px solid #ddd;
  border-radius: 2px;
  background: #fff;
  color: #e35252;
  opacity: 0;
  display: none;
  transition: all 0.2s linear;
  white-space: nowrap;
  font-size: 12px;
}
.default-user-info .item-value.config-error input[data-v-6f839049], .default-user-info .item-value.validate-error input[data-v-6f839049] {
  border-color: #e35252;
}
.default-user-info .item-value.config-error[data-v-6f839049]::before, .default-user-info .item-value.validate-error[data-v-6f839049]::before {
  opacity: 1;
  display: inline-block;
  transform: translate(-50%, 6px) rotate(135deg);
}
.default-user-info .item-value.config-error[data-v-6f839049]::after, .default-user-info .item-value.validate-error[data-v-6f839049]::after {
  display: inline-block;
  opacity: 1;
  transform: translate(-50%, 6px);
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
}
.default-user-info .no-convertuserid-tips[data-v-6f839049] {
  color: red;
}
.default-user-info .tips[data-v-6f839049] {
  display: flex;
  width: 100%;
  font-size: 14px;
  margin-bottom: 5px;
  color: red;
}
.convert-user-info[data-v-6f839049] {
  border: 1px solid #999;
  border-radius: 3px;
  margin: 10px -40px;
  box-sizing: content-box;
  padding: 10px 40px;
}
.default-pay-amount .compensate-item[data-v-dce58262] {
  display: flex;
  width: 100%;
  font-size: 14px;
  margin-bottom: 5px;
}
.default-pay-amount .compensate-item .warning-text[data-v-dce58262] {
  color: red;
}
.default-pay-amount .pay-amount-unit[data-v-dce58262] {
  color: #aaa;
  margin-left: 117px;
}
.default-pay-amount .item-value[data-v-dce58262] {
  position: relative;
  display: block;
}
.default-pay-amount .item-value[data-v-dce58262]::before {
  content: "";
  position: absolute;
  z-index: 110;
  left: 50%;
  top: calc(100% - 12px);
  margin-top: 0;
  height: 8px;
  width: 8px;
  border-left: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  transform: translateX(-50%) rotate(135deg);
  background: #fff;
  opacity: 0;
  transition: all 0.2s linear;
  transition-delay: 0.1s;
}
.default-pay-amount .item-value[data-v-dce58262]::after {
  content: attr(aria-label);
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: calc(100% - 12px);
  z-index: 109;
  max-width: 100%;
  padding: 4px 10px;
  margin-top: 4px;
  border: 1px solid #ddd;
  border-radius: 2px;
  background: #fff;
  color: #e35252;
  opacity: 0;
  display: none;
  transition: all 0.2s linear;
  white-space: nowrap;
  font-size: 12px;
}
.default-pay-amount .item-value.config-error input[data-v-dce58262], .default-pay-amount .item-value.validate-error input[data-v-dce58262] {
  border-color: #e35252;
}
.default-pay-amount .item-value.config-error[data-v-dce58262]::before, .default-pay-amount .item-value.validate-error[data-v-dce58262]::before {
  opacity: 1;
  display: inline-block;
  transform: translate(-50%, 6px) rotate(135deg);
}
.default-pay-amount .item-value.config-error[data-v-dce58262]::after, .default-pay-amount .item-value.validate-error[data-v-dce58262]::after {
  display: inline-block;
  opacity: 1;
  transform: translate(-50%, 6px);
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
}
.default-pay-amount .item-value[data-v-dce58262] .mtd-input::placeholder {
  font-weight: normal;
  font-size: 14px;
}
.default-pay-amount .item-value .amount-input[data-v-dce58262] {
  font-size: 18px;
  font-weight: bold;
}
.compensate-loss-money .compensate-item[data-v-0ba8cc0a] {
  display: flex;
  width: 100%;
  font-size: 14px;
  margin-bottom: 5px;
}
.compensate-loss-money .compensate-item .warning-text[data-v-0ba8cc0a] {
  color: red;
}
.compensate-loss-money .pay-amount-unit[data-v-0ba8cc0a] {
  color: #aaa;
  margin-left: 117px;
}
.compensate-loss-money .item-value[data-v-0ba8cc0a] {
  position: relative;
  display: block;
}
.compensate-loss-money .item-value[data-v-0ba8cc0a]::before {
  content: "";
  position: absolute;
  z-index: 110;
  left: 50%;
  top: calc(100% - 12px);
  margin-top: 0;
  height: 8px;
  width: 8px;
  border-left: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  transform: translateX(-50%) rotate(135deg);
  background: #fff;
  opacity: 0;
  transition: all 0.2s linear;
  transition-delay: 0.1s;
}
.compensate-loss-money .item-value[data-v-0ba8cc0a]::after {
  content: attr(aria-label);
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: calc(100% - 12px);
  z-index: 109;
  max-width: 100%;
  padding: 4px 10px;
  margin-top: 4px;
  border: 1px solid #ddd;
  border-radius: 2px;
  background: #fff;
  color: #e35252;
  opacity: 0;
  display: none;
  transition: all 0.2s linear;
  white-space: nowrap;
  font-size: 12px;
}
.compensate-loss-money .item-value.config-error input[data-v-0ba8cc0a], .compensate-loss-money .item-value.validate-error input[data-v-0ba8cc0a] {
  border-color: #e35252;
}
.compensate-loss-money .item-value.config-error[data-v-0ba8cc0a]::before, .compensate-loss-money .item-value.validate-error[data-v-0ba8cc0a]::before {
  opacity: 1;
  display: inline-block;
  transform: translate(-50%, 6px) rotate(135deg);
}
.compensate-loss-money .item-value.config-error[data-v-0ba8cc0a]::after, .compensate-loss-money .item-value.validate-error[data-v-0ba8cc0a]::after {
  display: inline-block;
  opacity: 1;
  transform: translate(-50%, 6px);
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
}
.compensate-loss-money .item-value[data-v-0ba8cc0a] .mtd-input::placeholder {
  font-weight: normal;
  font-size: 14px;
}
.compensate-loss-money .item-value .amount-input[data-v-0ba8cc0a] {
  font-size: 18px;
  font-weight: bold;
}
.compensate-reason .select-item[data-v-808bbf5a] {
  margin-bottom: 5px;
  width: 100%;
}
.compensate-reason .select-item[data-v-808bbf5a]:last-child {
  margin-bottom: 0;
}
.item-value[data-v-defcbaaa] {
  position: relative;
  display: block;
  flex: 1 1 auto;
}
.item-value[data-v-defcbaaa]::before {
  content: "";
  position: absolute;
  z-index: 110;
  left: 50%;
  top: calc(100% - 12px);
  margin-top: 0;
  height: 8px;
  width: 8px;
  border-left: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  transform: translateX(-50%) rotate(135deg);
  background: #fff;
  opacity: 0;
  transition: all 0.2s linear;
  transition-delay: 0.1s;
}
.item-value[data-v-defcbaaa]::after {
  content: attr(aria-label);
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: calc(100% - 12px);
  z-index: 109;
  max-width: 100%;
  padding: 4px 10px;
  margin-top: 4px;
  border: 1px solid #ddd;
  border-radius: 2px;
  background: #fff;
  color: #e35252;
  opacity: 0;
  display: none;
  transition: all 0.2s linear;
  white-space: nowrap;
  font-size: 12px;
}
.item-value.config-error input[data-v-defcbaaa], .item-value.validate-error input[data-v-defcbaaa] {
  border-color: #e35252;
}
.item-value.config-error[data-v-defcbaaa]::before, .item-value.validate-error[data-v-defcbaaa]::before {
  opacity: 1;
  display: inline-block;
  transform: translate(-50%, 6px) rotate(135deg);
}
.item-value.config-error[data-v-defcbaaa]::after, .item-value.validate-error[data-v-defcbaaa]::after {
  display: inline-block;
  opacity: 1;
  transform: translate(-50%, 6px);
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
}
.item-value[data-v-defcbaaa] .mtd-input::placeholder {
  font-weight: normal;
  font-size: 14px;
}
.item-input[data-v-defcbaaa] {
  width: 100%;
}
.item-select[data-v-defcbaaa] {
  width: 100%;
}
.province-content[data-v-defcbaaa] {
  display: flex;
}
.province-content .item-select[data-v-defcbaaa] {
  flex: 1 1 auto;
}
.item-value[data-v-3cb7d2da] {
  width: 100%;
}
.item-value[data-v-3cb7d2da] .mtd-input::placeholder {
  font-weight: normal;
  font-size: 14px;
}
.item-select[data-v-5de4d95a] {
  width: 100%;
}
.item-select[data-v-6390dce2] {
  width: 100%;
}
.item-select[data-v-7923491d] {
  width: 100%;
}
.you-xuan-pay-amount[data-v-40eab8dc] {
  width: 100%;
}
.you-xuan-pay-amount .text-gray[data-v-40eab8dc] {
  color: gray;
}
.you-xuan-pay-amount .text-bold[data-v-40eab8dc] {
  font-weight: bold;
}
.you-xuan-pay-amount .input-item[data-v-40eab8dc] {
  width: 60px;
  margin: 0 4px;
}
.you-xuan-pay-amount .item-radio[data-v-40eab8dc],
.you-xuan-pay-amount .item-table[data-v-40eab8dc] {
  margin-bottom: 5px;
}
.you-xuan-pay-amount .select-container[data-v-40eab8dc] {
  display: flex;
  margin-bottom: 5px;
}
.you-xuan-pay-amount .select-container .item-select[data-v-40eab8dc] {
  flex: 2;
}
.you-xuan-pay-amount .select-container .item-select[data-v-40eab8dc]:first-child {
  margin-right: 5px;
  flex: 1;
}
.you-xuan-pay-amount .warning-tips[data-v-40eab8dc] {
  margin-bottom: 5px;
}
.you-xuan-pay-amount[data-v-45b30e48] {
  width: 100%;
}
.you-xuan-pay-amount .text-gray[data-v-45b30e48] {
  color: gray;
}
.you-xuan-pay-amount .text-bold[data-v-45b30e48] {
  font-weight: bold;
}
.you-xuan-pay-amount .input-item[data-v-45b30e48] {
  width: 100%;
}
.you-xuan-pay-amount .amount-hint[data-v-45b30e48] {
  color: #666;
}
.you-xuan-pay-amount .item-radio[data-v-45b30e48],
.you-xuan-pay-amount .item-table[data-v-45b30e48] {
  margin-bottom: 5px;
}
.you-xuan-pay-amount .select-container[data-v-45b30e48] {
  display: flex;
  flex-direction: column;
  margin-bottom: 5px;
}
.you-xuan-pay-amount .select-container > *[data-v-45b30e48] {
  margin-bottom: 5px;
}
.you-xuan-pay-amount .select-container .item-select[data-v-45b30e48] {
  width: 100%;
}
.you-xuan-pay-amount .warning-tips[data-v-45b30e48] {
  margin-bottom: 5px;
}
.item-select[data-v-549e2ffe] {
  width: 100%;
}
.tips[data-v-549e2ffe] {
  color: "gray";
  font-size: 12px;
}
.warning-text[data-v-549e2ffe] {
  color: red;
}
.input-item[data-v-549e2ffe] {
  width: 100%;
}
.total-value[data-v-549e2ffe] {
  font-size: 16px;
}
[data-v-10905977] .mtd-select {
  width: 100%;
}
[data-v-17ec201d] .mtd-select {
  width: 100%;
}
.amount-input[data-v-9717b9c2] {
  width: 60px;
}
.youxuan-coupon-select[data-v-9717b9c2] {
  display: flex;
  flex: 1;
}
.youxuan-coupon-select-table[data-v-9717b9c2] {
  max-height: 500px;
}
[data-v-425b9ff7] .mtd-select {
  width: 100%;
}
[data-v-0d430dd8] .mtd-select {
  width: 100%;
}
.partner-amount[data-v-f5946eb6] {
  display: flex;
  width: 100%;
  font-size: 14px;
  margin-bottom: 5px;
  flex-direction: column;
}
.partner-amount .validate-error[data-v-f5946eb6] {
  position: relative;
  display: block;
}
.partner-amount .validate-error[data-v-f5946eb6]::before {
  content: "";
  position: absolute;
  z-index: 110;
  left: 50%;
  top: calc(100% - 12px);
  margin-top: 0;
  height: 8px;
  width: 8px;
  border-left: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  transform: translateX(-50%) rotate(135deg);
  background: #fff;
  opacity: 0;
  transition: all 0.2s linear;
  transition-delay: 0.1s;
}
.partner-amount .validate-error[data-v-f5946eb6]::after {
  content: attr(aria-label);
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: calc(100% - 12px);
  z-index: 109;
  max-width: 100%;
  padding: 4px 10px;
  margin-top: 4px;
  border: 1px solid #ddd;
  border-radius: 2px;
  background: #fff;
  color: #e35252;
  opacity: 0;
  display: none;
  transition: all 0.2s linear;
  white-space: nowrap;
  font-size: 12px;
}
.partner-amount .validate-error.config-error input[data-v-f5946eb6], .partner-amount .validate-error.validate-error input[data-v-f5946eb6] {
  border-color: #e35252;
}
.partner-amount .validate-error.config-error[data-v-f5946eb6]::before, .partner-amount .validate-error.validate-error[data-v-f5946eb6]::before {
  opacity: 1;
  display: inline-block;
  transform: translate(-50%, 6px) rotate(135deg);
}
.partner-amount .validate-error.config-error[data-v-f5946eb6]::after, .partner-amount .validate-error.validate-error[data-v-f5946eb6]::after {
  display: inline-block;
  opacity: 1;
  transform: translate(-50%, 6px);
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
}
.partner-amount .item-value[data-v-f5946eb6] {
  height: 100%;
}
.partner-amount .partner-tip[data-v-f5946eb6] {
  color: red;
}
[data-v-f5946eb6] .mtd-input-number-wrapper {
  width: 100%;
}
.item-value[data-v-434b99c8] {
  position: relative;
  display: block;
}
.item-value[data-v-434b99c8]::before {
  content: "";
  position: absolute;
  z-index: 110;
  left: 50%;
  top: calc(100% - 12px);
  margin-top: 0;
  height: 8px;
  width: 8px;
  border-left: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  transform: translateX(-50%) rotate(135deg);
  background: #fff;
  opacity: 0;
  transition: all 0.2s linear;
  transition-delay: 0.1s;
}
.item-value[data-v-434b99c8]::after {
  content: attr(aria-label);
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: calc(100% - 12px);
  z-index: 109;
  max-width: 100%;
  padding: 4px 10px;
  margin-top: 4px;
  border: 1px solid #ddd;
  border-radius: 2px;
  background: #fff;
  color: #e35252;
  opacity: 0;
  display: none;
  transition: all 0.2s linear;
  white-space: nowrap;
  font-size: 12px;
}
.item-value.config-error input[data-v-434b99c8], .item-value.validate-error input[data-v-434b99c8] {
  border-color: #e35252;
}
.item-value.config-error[data-v-434b99c8]::before, .item-value.validate-error[data-v-434b99c8]::before {
  opacity: 1;
  display: inline-block;
  transform: translate(-50%, 6px) rotate(135deg);
}
.item-value.config-error[data-v-434b99c8]::after, .item-value.validate-error[data-v-434b99c8]::after {
  display: inline-block;
  opacity: 1;
  transform: translate(-50%, 6px);
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
}
[data-v-434b99c8] .mtd-select {
  width: 100%;
}
.config-error[data-v-02039b8a] {
  position: relative;
  display: block;
}
.config-error[data-v-02039b8a]::before {
  content: "";
  position: absolute;
  z-index: 110;
  left: 50%;
  top: calc(100% - 12px);
  margin-top: 0;
  height: 8px;
  width: 8px;
  border-left: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  transform: translateX(-50%) rotate(135deg);
  background: #fff;
  opacity: 0;
  transition: all 0.2s linear;
  transition-delay: 0.1s;
}
.config-error[data-v-02039b8a]::after {
  content: attr(aria-label);
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: calc(100% - 12px);
  z-index: 109;
  max-width: 100%;
  padding: 4px 10px;
  margin-top: 4px;
  border: 1px solid #ddd;
  border-radius: 2px;
  background: #fff;
  color: #e35252;
  opacity: 0;
  display: none;
  transition: all 0.2s linear;
  white-space: nowrap;
  font-size: 12px;
}
.config-error.config-error input[data-v-02039b8a], .config-error.validate-error input[data-v-02039b8a] {
  border-color: #e35252;
}
.config-error.config-error[data-v-02039b8a]::before, .config-error.validate-error[data-v-02039b8a]::before {
  opacity: 1;
  display: inline-block;
  transform: translate(-50%, 6px) rotate(135deg);
}
.config-error.config-error[data-v-02039b8a]::after, .config-error.validate-error[data-v-02039b8a]::after {
  display: inline-block;
  opacity: 1;
  transform: translate(-50%, 6px);
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
}
[data-v-27eb1877] .mtd-select {
  width: 100%;
}
.item-value[data-v-33ce09e6] {
  position: relative;
  display: block;
}
.item-value[data-v-33ce09e6]::before {
  content: "";
  position: absolute;
  z-index: 110;
  left: 50%;
  top: calc(100% - 12px);
  margin-top: 0;
  height: 8px;
  width: 8px;
  border-left: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  transform: translateX(-50%) rotate(135deg);
  background: #fff;
  opacity: 0;
  transition: all 0.2s linear;
  transition-delay: 0.1s;
}
.item-value[data-v-33ce09e6]::after {
  content: attr(aria-label);
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: calc(100% - 12px);
  z-index: 109;
  max-width: 100%;
  padding: 4px 10px;
  margin-top: 4px;
  border: 1px solid #ddd;
  border-radius: 2px;
  background: #fff;
  color: #e35252;
  opacity: 0;
  display: none;
  transition: all 0.2s linear;
  white-space: nowrap;
  font-size: 12px;
}
.item-value.config-error input[data-v-33ce09e6], .item-value.validate-error input[data-v-33ce09e6] {
  border-color: #e35252;
}
.item-value.config-error[data-v-33ce09e6]::before, .item-value.validate-error[data-v-33ce09e6]::before {
  opacity: 1;
  display: inline-block;
  transform: translate(-50%, 6px) rotate(135deg);
}
.item-value.config-error[data-v-33ce09e6]::after, .item-value.validate-error[data-v-33ce09e6]::after {
  display: inline-block;
  opacity: 1;
  transform: translate(-50%, 6px);
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
}
.text-color-red[data-v-33ce09e6] {
  color: red;
}
[data-v-33ce09e6] .mtd-input-wrapper {
  width: 100%;
}
.item-value[data-v-22c6e4de] {
  width: 100%;
}
.item-value[data-v-22c6e4de] .mtd-input::placeholder {
  font-weight: normal;
  font-size: 14px;
}
.item-value[data-v-c86a5350] {
  width: 100%;
}
.item-value[data-v-c86a5350] .mtd-input::placeholder {
  font-weight: normal;
  font-size: 14px;
}
.select-item[data-v-726832a8] {
  width: 100%;
  margin-bottom: 5px;
}
.table-item[data-v-726832a8] {
  max-height: 500px;
  overflow-y: auto;
}
.warning-text[data-v-1ceb304a] {
  color: red;
}
.compensate-requirement[data-v-48460afa] {
  display: flex;
  width: 100%;
  font-size: 14px;
  margin-bottom: 5px;
  flex-direction: column;
}
.compensate-requirement .item-value[data-v-48460afa] {
  position: relative;
  display: block;
  height: 100%;
}
.compensate-requirement .item-value[data-v-48460afa]::before {
  content: "";
  position: absolute;
  z-index: 110;
  left: 50%;
  top: calc(100% - 12px);
  margin-top: 0;
  height: 8px;
  width: 8px;
  border-left: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  transform: translateX(-50%) rotate(135deg);
  background: #fff;
  opacity: 0;
  transition: all 0.2s linear;
  transition-delay: 0.1s;
}
.compensate-requirement .item-value[data-v-48460afa]::after {
  content: attr(aria-label);
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: calc(100% - 12px);
  z-index: 109;
  max-width: 100%;
  padding: 4px 10px;
  margin-top: 4px;
  border: 1px solid #ddd;
  border-radius: 2px;
  background: #fff;
  color: #e35252;
  opacity: 0;
  display: none;
  transition: all 0.2s linear;
  white-space: nowrap;
  font-size: 12px;
}
.compensate-requirement .item-value.config-error input[data-v-48460afa], .compensate-requirement .item-value.validate-error input[data-v-48460afa] {
  border-color: #e35252;
}
.compensate-requirement .item-value.config-error[data-v-48460afa]::before, .compensate-requirement .item-value.validate-error[data-v-48460afa]::before {
  opacity: 1;
  display: inline-block;
  transform: translate(-50%, 6px) rotate(135deg);
}
.compensate-requirement .item-value.config-error[data-v-48460afa]::after, .compensate-requirement .item-value.validate-error[data-v-48460afa]::after {
  display: inline-block;
  opacity: 1;
  transform: translate(-50%, 6px);
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
}
.pay-type-list[data-v-8c578912] {
  display: flex;
  width: 100%;
  font-size: 14px;
  margin-bottom: 5px;
}
.pay-type-list .warning-text[data-v-8c578912] {
  margin-left: 110px;
  color: red;
}
.compensate-order[data-v-74cf2118] {
  display: flex;
  width: 100%;
  font-size: 14px;
  margin-bottom: 5px;
  flex-direction: column;
}
.compensate-order .config-error[data-v-74cf2118] {
  color: red;
}
.compensate-remark .rist-loading[data-v-e17ddeb0] {
  flex: 0 1 100%;
}
.compensate-remark .compensate-value[data-v-e17ddeb0] {
  width: 100%;
}
.compensate-remark .warning-text[data-v-e17ddeb0] {
  color: red;
}
.compensate-sms-template .compensate-item[data-v-5829dad3] {
  display: flex;
  width: 100%;
  font-size: 14px;
  margin-bottom: 5px;
}
.compensate-sms-template .compensate-item .item-value[data-v-5829dad3] {
  position: relative;
  display: block;
}
.compensate-sms-template .compensate-item .item-value[data-v-5829dad3]::before {
  content: "";
  position: absolute;
  z-index: 110;
  left: 50%;
  top: calc(100% - 12px);
  margin-top: 0;
  height: 8px;
  width: 8px;
  border-left: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  transform: translateX(-50%) rotate(135deg);
  background: #fff;
  opacity: 0;
  transition: all 0.2s linear;
  transition-delay: 0.1s;
}
.compensate-sms-template .compensate-item .item-value[data-v-5829dad3]::after {
  content: attr(aria-label);
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: calc(100% - 12px);
  z-index: 109;
  max-width: 100%;
  padding: 4px 10px;
  margin-top: 4px;
  border: 1px solid #ddd;
  border-radius: 2px;
  background: #fff;
  color: #e35252;
  opacity: 0;
  display: none;
  transition: all 0.2s linear;
  white-space: nowrap;
  font-size: 12px;
}
.compensate-sms-template .compensate-item .item-value.config-error input[data-v-5829dad3], .compensate-sms-template .compensate-item .item-value.validate-error input[data-v-5829dad3] {
  border-color: #e35252;
}
.compensate-sms-template .compensate-item .item-value.config-error[data-v-5829dad3]::before, .compensate-sms-template .compensate-item .item-value.validate-error[data-v-5829dad3]::before {
  opacity: 1;
  display: inline-block;
  transform: translate(-50%, 6px) rotate(135deg);
}
.compensate-sms-template .compensate-item .item-value.config-error[data-v-5829dad3]::after, .compensate-sms-template .compensate-item .item-value.validate-error[data-v-5829dad3]::after {
  display: inline-block;
  opacity: 1;
  transform: translate(-50%, 6px);
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
}
.compensate-sms-template .compensate-item .phone-input[data-v-5829dad3] {
  width: 100%;
}
.compensate-sms-template .compensate-item .sms-content[data-v-5829dad3] {
  width: 100%;
}
.compensate-sms-template .info-module-title[data-v-5829dad3] {
  position: relative;
  margin: 10px 0;
  height: 20px;
  line-height: 20px;
  font-size: 14px;
  margin-left: -40px;
  margin-right: -40px;
  margin-bottom: 20px;
}
.compensate-sms-template .info-module-title span[data-v-5829dad3] {
  z-index: 10;
  position: relative;
  margin-left: 3px;
  padding: 0 10px;
  background-color: #fafafa;
  font-weight: bold;
}
.compensate-sms-template .info-module-title[data-v-5829dad3]:before, .compensate-sms-template .info-module-title[data-v-5829dad3]:after {
  position: absolute;
  content: "";
}
.compensate-sms-template .info-module-title[data-v-5829dad3]:after {
  width: 3px;
  height: 100%;
  left: 0;
  top: 0;
  background-color: var(--cs-common-primary-color);
}
.compensate-sms-template .info-module-title[data-v-5829dad3]:before {
  top: 50%;
  left: 0;
  width: 100%;
  height: 0;
  border-top: 1px #eee dashed;
}
.compensate-sms-template .warning-text[data-v-5829dad3] {
  color: red;
}
.compensate-sms-template .part-edit-content[data-v-5829dad3] {
  padding: 10px;
  width: 360px;
  height: 200px;
  box-sizing: border-box;
  border: 1px solid #ddd;
  border-radius: 3px;
  overflow-y: scroll;
  word-break: break-all;
  white-space: pre-line;
}
.compensate-sms-template .part-edit-content .part-edit-content-item[data-v-5829dad3] {
  line-height: 24px;
}
.compensate-sms-template .part-edit-content .part-edit-content-item .part-edit-ipt-border[data-v-5829dad3] {
  border: 0;
  border-bottom: 1px solid #000;
}
.compensate-sms-template .part-edit-content .icon-item[data-v-5829dad3] {
  cursor: pointer;
}
.refund-risk #relation-refund-warning[data-v-7ba86bfb] {
  display: flex;
  width: 100%;
  font-size: 14px;
  margin-bottom: 5px;
  align-items: center;
  height: 45px;
  border-radius: 3px;
  background: rgba(255, 0, 0, 0.3);
}
.refund-risk #relation-refund-warning .hint-icon[data-v-7ba86bfb] {
  color: #ef4136;
  margin: 0 10px;
  font-size: 25px;
}
.refund-risk #relation-refund-warning .hint-content[data-v-7ba86bfb] {
  margin: auto;
}
.compensate[data-v-119f090b] {
  width: 560px;
  max-height: 80vh;
  padding-top: 20px;
}
.compensate .compensate-container[data-v-119f090b] {
  max-height: 500px;
  width: 100%;
  overflow: auto;
  padding: 0 50px;
}
.compensate .error-text[data-v-119f090b] {
  color: red;
  font-size: 14px;
}
.compensate .pay-apply-warning[data-v-119f090b] {
  color: red;
  white-space: pre-wrap;
}
.compensate .footer[data-v-119f090b] {
  margin-top: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.compensate .footer .confirm-btn[data-v-119f090b] {
  margin-right: 5px;
}
.case-list[data-v-69432171] {
  list-style: none;
  max-height: 50vh;
  overflow: auto;
  display: flex;
  flex-direction: column;
}
.row[data-v-69432171] {
  display: flex;
  min-width: 500px;
  padding: 3px 0;
}
.flex-1[data-v-69432171] {
  flex: 1;
}
p[data-v-69432171] {
  padding: 10px 0;
}
.mr-10[data-v-69432171] {
  margin-right: 10px;
}
.container[data-v-c6fba06c] {
  min-height: 100px;
  min-width: 500px;
}
.reject-pay[data-v-714b9708] {
  padding: 20px;
  width: 400px;
}
.reject-pay .sync-remarks-torelated-btn[data-v-714b9708] {
  display: flex;
  justify-content: center;
  margin-top: 20px;
}
.reject-pay .sync-remarks-torelated-btn .btn-left[data-v-714b9708] {
  margin-right: 10px;
}
.flow-driver-information[data-v-2c578c52] {
  min-width: 500px;
  padding: 20px;
}
.flow-driver-information-wrapper[data-v-2c578c52] {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.flow-driver-information-content[data-v-2c578c52] {
  display: flex;
  justify-content: center;
  align-items: center;
}
.flow-driver-information-icon[data-v-2c578c52] {
  font-size: 20px;
  color: green;
  cursor: pointer;
}
.flow-driver-information-close[data-v-2c578c52] {
  margin-top: 20px;
  margin-left: 50%;
  transform: translateX(-50%);
}
.flow-reject-customer-service-sgent[data-v-69a3e852] {
  width: 520px;
}
.flow-reject-customer-service-sgent .flow-ticket-btn[data-v-69a3e852] {
  margin-top: 40px;
  text-align: center;
}
.flow-reject-customer-service-sgent .mtd-form[data-v-69a3e852] {
  margin-left: 20px;
}
.flow-reject-customer-service-sgent .mtd-form .important-prefix[data-v-69a3e852]::before {
  font-family: SimSun, sans-serif;
  display: inline-block;
  margin-right: 4px;
  content: "*";
  color: #ff4a47;
}
.flow-reject-customer-service-sgent .mtd-form .product-distance[data-v-69a3e852] {
  margin-bottom: 10px;
}
.flow-reject-customer-service-sgent .mtd-form .right-distance[data-v-69a3e852] {
  margin-right: 20px;
}
.flow-reject-customer-service-sgent .mtd-form .right-distance[data-v-69a3e852] .mtd-checkbox-text {
  cursor: pointer;
  display: inline-block;
  max-width: 180px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.flow-reject-customer-service-sgent .mtd-form .product-quantity[data-v-69a3e852] {
  width: 60px;
}
.flow-reject-customer-service-sgent .mtd-form .tip-text-color[data-v-69a3e852] {
  color: red;
}
.flow-operation-call[data-v-8a1a5e20] {
  min-width: 500px;
  min-height: 100px;
}
.flow-operation-call .flow-operation-call-content[data-v-8a1a5e20] {
  display: flex;
}
.flow-operation-call .flow-operation-call-content .basic-info[data-v-8a1a5e20] {
  max-width: 700px;
  min-width: 400px;
  max-height: 458px;
  overflow: auto;
  padding: 10px 60px 0 10px;
}
.flow-operation-call .flow-operation-call-content .basic-info[data-v-8a1a5e20] .mtd-form-item-label {
  width: 110px !important;
  text-align: left;
}
.flow-operation-call .flow-operation-call-content .basic-info[data-v-8a1a5e20] .mtd-form-item-content {
  margin-left: 110px !important;
}
.flow-operation-call .flow-operation-call-content .basic-info .full-width[data-v-8a1a5e20] {
  width: 475px;
}
.flow-operation-call .flow-operation-call-content .basic-info .call-tip[data-v-8a1a5e20] {
  color: red;
  margin-bottom: 5px;
  text-indent: 10px;
}
.flow-operation-call .flow-operation-call-content .basic-info .preview-tips[data-v-8a1a5e20] {
  font-size: 12px;
  margin-left: 110px;
}
.flow-operation-call .flow-operation-call-content .basic-info .text-small[data-v-8a1a5e20] {
  font-size: 12px;
}
.flow-operation-call .flow-operation-call-content .basic-info .part-edit-content[data-v-8a1a5e20] {
  padding: 10px;
  width: 475px;
  height: 200px;
  box-sizing: border-box;
  border: 1px solid #ddd;
  border-radius: 3px;
  overflow-y: scroll;
  word-break: break-all;
  white-space: pre-line;
}
.flow-operation-call .flow-operation-call-content .basic-info .part-edit-content .part-edit-content-item[data-v-8a1a5e20] {
  line-height: 24px;
}
.flow-operation-call .flow-operation-call-content .basic-info .part-edit-content .part-edit-content-item .part-edit-ipt-border[data-v-8a1a5e20] {
  border: 0;
  border-bottom: 1px solid #000;
}
.flow-operation-call .flow-operation-call-content .basic-info .cred[data-v-8a1a5e20] {
  color: #ff4c47;
}
.flow-operation-call .flow-operation-call-content .normal-out-rules[data-v-8a1a5e20] {
  padding-right: 60px;
  max-height: 450px;
  min-width: 260px;
  overflow: auto;
}
.flow-operation-call .flow-operation-call-content .normal-out-rules .action-content-title[data-v-8a1a5e20] {
  margin-bottom: 5px;
}
.flow-operation-call .flow-operation-call-content .normal-out-rules .action-title[data-v-8a1a5e20] {
  font-weight: bold;
}
.flow-operation-call .flow-operation-call-content .normal-out-rules .no-operation-keyboard[data-v-8a1a5e20] {
  list-style: none;
  margin-top: 10px;
}
.flow-operation-call .flow-operation-call-content .sub-menu[data-v-8a1a5e20] {
  position: relative;
  height: 40px;
  padding-left: 30px;
  line-height: 40px;
  font-size: 12px;
  cursor: pointer;
}
.flow-operation-call .flow-operation-call-content .third-menu[data-v-8a1a5e20] {
  position: relative;
  height: 40px;
  padding-left: 60px;
  line-height: 40px;
  font-size: 12px;
}
.flow-operation-call .flow-operation-call-content .animation-list[data-v-8a1a5e20] {
  padding: 2px 0;
  opacity: 1;
  transition: all linear 0.3s;
}
.flow-operation-call .flow-operation-call-content .robot-detail-item[data-v-8a1a5e20] {
  margin-bottom: 12px;
}
.flow-operation-call .flow-operation-call-content .robot-detail-item .cs-field-container[data-v-8a1a5e20] {
  flex-direction: row !important;
  align-items: center;
}
.flow-operation-call .flow-operation-call-content .robot-detail-item .cs-field-container[data-v-8a1a5e20] .field-display-name {
  color: rgba(0, 0, 0, 0.6);
}
.flow-operation-call .flow-operation-call-content .robot-detail-item .cs-field-container[data-v-8a1a5e20] .mtd-cascader {
  width: 280px;
  margin-left: 14px;
}
.flow-operation-call .flow-operation-call-content .robot-detail-item .update-case-info[data-v-8a1a5e20] {
  margin-left: 12px;
}
.flow-operation-call .flow-operation-call-content .robot-detail-item .robot-base-info[data-v-8a1a5e20] {
  display: flex;
  align-items: center;
}
.flow-operation-call .flow-operation-call-content .robot-detail-item .robot-base-info .robot-base-info-name[data-v-8a1a5e20] {
  display: block;
  width: 130px;
  margin-right: 8px;
  text-indent: 10px;
}
.flow-operation-call .footer[data-v-8a1a5e20] {
  display: flex;
  justify-content: center;
  margin-top: 32px;
}
.flow-operation-call .footer button[data-v-8a1a5e20] {
  margin-right: 10px;
}
.andon-update-hotspot[data-v-5e0f58b4] {
  width: 400px;
  padding: 20px;
}
.andon-update-hotspot[data-v-5e0f58b4] .mtd-form-item-label {
  text-align: left;
}
.andon-update-hotspot .flow-ticket-btn[data-v-5e0f58b4] {
  display: flex;
  justify-content: center;
  margin-top: 20px;
}
.andon-update-hotspot .flow-ticket-btn .btn-left[data-v-5e0f58b4] {
  margin-left: 10px;
}
.review-image[data-v-7b9f5f96] {
  display: flex;
  flex-wrap: wrap;
}
.review-image .review-image-item[data-v-7b9f5f96] {
  position: relative;
  border-radius: 3px;
  padding-bottom: 5px;
  cursor: pointer;
}
.review-image .review-image-item .image-text[data-v-7b9f5f96] {
  padding: 0 5px;
  width: 100px;
  font-size: 6px;
  overflow-x: hidden;
  text-overflow: ellipsis;
}
.review-image .review-image-item .image-checkbox-div[data-v-7b9f5f96] {
  width: 100%;
  min-height: 41px;
}
.review-image .review-image-item .image-checkbox-div .image-checkbox[data-v-7b9f5f96] {
  margin-top: -8px;
}
.review-image .review-image-item img[data-v-7b9f5f96] {
  width: 70px;
}
.review-image .review-image-item .delete-image-btn[data-v-7b9f5f96] {
  display: none;
  position: absolute;
  top: -10px;
  right: -10px;
  font-size: 22px;
}
.review-image .review-image-item[data-v-7b9f5f96]:hover {
  background-color: #eee;
}
.review-image .review-image-item:hover .delete-image-btn[data-v-7b9f5f96] {
  display: block;
}
.review-image .review-image-item:hover .delete-image-btn[data-v-7b9f5f96]:hover {
  color: #ccc;
}
.cs-flow-action-initiate-an-appeal[data-v-84f9962e] {
  width: 587px;
  margin: 20px 5px;
}
.cs-flow-action-initiate-an-appeal .form-body[data-v-84f9962e] {
  max-height: 400px;
  overflow: scroll;
}
.cs-flow-action-initiate-an-appeal[data-v-84f9962e] .mtd-form-item-label {
  text-align: left;
}
.cs-flow-action-initiate-an-appeal .select-seller-id[data-v-84f9962e] {
  width: 98%;
}
.cs-flow-action-initiate-an-appeal .remarks-textarea[data-v-84f9962e] {
  width: 85%;
}
.cs-flow-action-initiate-an-appeal .initiate-appeal-btn[data-v-84f9962e] {
  display: flex;
  justify-content: center;
  margin-top: 40px;
}
.cs-flow-action-initiate-an-appeal .initiate-appeal-btn .btn-left[data-v-84f9962e] {
  margin-right: 10px;
}
.after-sale-appeal[data-v-6770d012] {
  width: 520px;
}
.after-sale-appeal .flow-ticket-btn[data-v-6770d012] {
  margin-top: 40px;
  text-align: center;
}
.after-sale-appeal .mtd-form[data-v-6770d012] {
  margin-left: 20px;
}
.after-sale-appeal .mtd-form .important-prefix[data-v-6770d012]::before {
  font-family: SimSun, sans-serif;
  display: inline-block;
  margin-right: 4px;
  content: "*";
  color: #ff4a47;
}
.after-sale-appeal .mtd-form .product-distance[data-v-6770d012] {
  margin-bottom: 10px;
}
.after-sale-appeal .mtd-form .right-distance[data-v-6770d012] {
  margin-right: 20px;
}
.after-sale-appeal .mtd-form .right-distance[data-v-6770d012] .mtd-checkbox-text {
  cursor: pointer;
  display: inline-block;
  max-width: 180px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.after-sale-appeal .mtd-form .product-quantity[data-v-6770d012] {
  width: 60px;
}
.after-sale-appeal .mtd-form .tip-text-color[data-v-6770d012] {
  color: red;
}
.complaint-submission-service[data-v-4e9cfce0] {
  width: 520px;
}
.complaint-submission-service .flow-ticket-btn[data-v-4e9cfce0] {
  margin-top: 40px;
  text-align: center;
}
.andon-data-report[data-v-857e1ed0] {
  width: 760px;
  padding: 20px;
}
.andon-data-report[data-v-857e1ed0] .mtd-form-item-label {
  text-align: left;
}
.andon-data-report .andon-item-right[data-v-857e1ed0] {
  width: 180px !important;
}
.andon-data-report .andon-tips[data-v-857e1ed0] {
  color: red;
}
.andon-data-report .flow-ticket-btn[data-v-857e1ed0] {
  display: flex;
  justify-content: center;
  margin-top: 20px;
}
.andon-data-report .flow-ticket-btn .andon-data-report-btn-right[data-v-857e1ed0] {
  margin-right: 10px;
}
.cancellation-of-orde-box[data-v-26a9e4f8] {
  width: 200px;
  height: 100px;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
}
.cancellation-of-orde-box .cancellation-of-orde-content[data-v-26a9e4f8] {
  margin-top: 20px;
}
.cancellation-of-orde-box .flow-ticket-btn[data-v-26a9e4f8] {
  margin-top: 40px;
  text-align: center;
}
.unbind-function-box[data-v-414f6cb0] {
  width: 600px;
  min-height: 100px;
  display: flex;
  flex-direction: column;
  padding-top: 10px;
}
.unbind-function-box .unbind-function-content[data-v-414f6cb0] {
  margin: 20px auto;
}
.unbind-function-box .flow-ticket-btn[data-v-414f6cb0] {
  margin-top: 10px;
  text-align: center;
}
.search-condition[data-v-cf7323b6] {
  height: 30px;
  background: var(--cs-case-search-item-bc-color);
  border: 1px solid var(--cs-case-search-item-border-color);
  border-radius: var(--cs-case-search-item-border-radius);
  padding: 3px 5px;
  margin: 5px;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.search-condition .search-condition-left[data-v-cf7323b6] {
  color: var(--cs-case-search-item-left-label-color);
}
.search-condition .required-item[data-v-cf7323b6] {
  padding-left: 5px;
  position: relative;
}
.search-condition .required-item[data-v-cf7323b6]::before {
  content: "*";
  display: inline-block;
  position: absolute;
  top: 0;
  left: -4px;
  color: #f54b1e;
  font-weight: 700;
  font-size: 16px;
}
.search-condition .search-condition-right[data-v-cf7323b6] {
  color: var(--cs-case-search-item-color);
  padding-right: 5px;
  display: flex;
  align-items: center;
}
.search-condition .search-condition-right[data-v-cf7323b6] input {
  background-color: var(--cs-case-search-item-right-input-bc-color);
  color: var(--cs-case-search-item-right-input-color);
  border: none;
  font-weight: 500;
}
.search-condition .search-condition-right[data-v-cf7323b6] input::placeholder {
  color: #fff;
}
.search-condition .search-condition-right[data-v-cf7323b6] .mtd-input-wrapper {
  background-color: var(--cs-case-search-item-right-input-bc-color);
  width: 100%;
  height: 22px;
  min-height: 22px;
  margin-left: 5px;
  font-size: 12px;
  padding: 0;
  border: none;
}
.search-condition .search-condition-right[data-v-cf7323b6] .mtd-tag {
  color: white;
  margin-top: 0;
  margin-bottom: 0;
  height: 22px;
  line-height: 22px;
  background-color: rgba(0, 0, 0, 0);
  border: none;
}
.choosed-item[data-v-6cf36962] {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin: 5px 16px;
}
.button-delete[data-v-6cf36962] {
  height: 12px;
  border-radius: 50%;
}
.button-delete[data-v-6cf36962]:hover {
  cursor: pointer;
  background-color: rgba(0, 0, 0, 0.06);
  border-radius: 50%;
}
.case-search-form[data-v-13877f8c] {
  background: #5ec77c;
  padding: 10px;
}
.case-search-form .search-condition-wrap[data-v-13877f8c] {
  flex-wrap: wrap;
  font-size: 12px;
  display: flex;
  flex-direction: row;
}
.case-search-form .search-condition-wrap[data-v-13877f8c] .mtd-multiple-input,
.case-search-form .search-condition-wrap[data-v-13877f8c] .mtd-input {
  min-height: 22px;
  height: 22px;
  font-size: 12px;
  padding-left: 5px;
  background-color: #28a448;
  border: none;
  color: white;
}
.case-search-form .search-condition-wrap[data-v-13877f8c] .mtd-multiple-input-suffix-inner,
.case-search-form .search-condition-wrap[data-v-13877f8c] .mtd-input-suffix-inner,
.case-search-form .search-condition-wrap[data-v-13877f8c] .mtd-select-tags-li {
  height: 22px;
  line-height: 20px;
}
.case-search-form .search-condition-wrap[data-v-13877f8c] .mtd-select-tags-li {
  position: absolute;
  right: 28px;
  color: white;
}
.case-search-form .search-condition-wrap[data-v-13877f8c] .mtd-multiple-input-placeholder {
  color: white;
  display: none;
}
.case-search-form .search-condition-wrap[data-v-13877f8c] .mtd-tag {
  color: white;
  margin: 0;
  padding: 0;
  height: 22px;
  width: 38px;
  background-color: rgba(0, 0, 0, 0);
}
.case-search-form .search-condition-wrap[data-v-13877f8c] .mtd-select-tags {
  height: 22px;
}
.case-search-form .search-condition-wrap[data-v-13877f8c] .mtd-multiple-input-field-wrap {
  margin-top: 0;
}
.case-search-form .search-condition-wrap[data-v-13877f8c] .mtd-select {
  width: 234px;
  height: 22px;
  margin-left: 5px;
  font-size: 12px;
}
.case-search-form .search-condition-wrap[data-v-13877f8c] .mtd-select-choice {
  line-height: 0;
}
.case-search-form .search-condition-wrap[data-v-13877f8c] .mtd-select-search-field {
  width: 97px !important;
  height: 22px;
  background-color: rgba(0, 0, 0, 0);
}
.case-search-form .search-condition-wrap .text-input[data-v-13877f8c] {
  width: 146px;
  margin-left: 5px;
  display: flex;
  align-items: center;
}
.case-search-form .case-search-info[data-v-13877f8c] {
  margin: 10px 0 0 5px;
}
.case-search-form .case-search-info .is-search[data-v-13877f8c] {
  background: #6ae28c;
  box-shadow: 0 1px 2px 0 #30a84f;
}
.case-search-form .case-search-info .is-rest[data-v-13877f8c] {
  border: 1px solid #2bac4f;
  background: #5dc77b;
}
.case-search-form .case-search-info .is-search[data-v-13877f8c],
.case-search-form .case-search-info .is-rest[data-v-13877f8c] {
  border-radius: 2px;
  height: 30px;
  line-height: 30px;
}
.selected-associate-case-table[data-v-1afa91f6] {
  width: auto;
  margin-top: 20px;
  flex-wrap: wrap;
  font-size: 12px;
}
.selected-associate-case-table .mtd-table[data-v-1afa91f6] {
  border: 1px solid rgba(0, 0, 0, 0.06);
  border-top: none;
}
.selected-associate-case-table .table-title[data-v-1afa91f6] {
  background: #5ec77c;
  height: 35px;
  line-height: 35px;
  color: #fff;
  text-align: center;
}
.searched-associate-case-table .mtd-table[data-v-19a68f0c] {
  border: 1px solid rgba(0, 0, 0, 0.06);
  border-top: none;
}
.searched-associate-case-table .mtd-pagination[data-v-19a68f0c] {
  margin-top: 20px;
  text-align: center;
}
.remove-case-to-case-relation[data-v-046c46c6] {
  width: 1000px;
}
.remove-case-to-case-relation .remove-case-to-case-relation-content[data-v-046c46c6] {
  overflow: auto;
  max-height: 380px;
  padding: 15px;
}
.remove-case-to-case-relation .remove-case-to-case-relation-footer[data-v-046c46c6] {
  width: 100%;
  padding: 20px;
  text-align: center;
}
.circulation-risk-review-container[data-v-4d1f39c4] {
  max-width: 600px;
}
.circulation-risk-review-container .action-dialog-footer[data-v-4d1f39c4] {
  text-align: center;
  margin-top: 10px;
}
.complaint-submission-service[data-v-6d198365] {
  width: 520px;
}
.complaint-submission-service .flow-ticket-btn[data-v-6d198365] {
  margin-top: 40px;
  text-align: center;
}
.operation-item[data-v-6e579cf4] {
  margin: 6px;
}
[data-v-6e579cf4] .bisheng-btn-warning.bisheng-btn-ghost {
  color: #f80;
  border-color: #f80;
}
[data-v-6e579cf4] .bisheng-btn-warning.bisheng-btn-ghost:hover {
  color: #ff9319;
  border-color: #ff9319;
}
.call-role-confirm[data-v-46d4ffe4] {
  width: 400px;
  margin: 15px 15px 10px;
}
.call-role-confirm .radio-group[data-v-46d4ffe4] {
  margin-left: 100px;
}
.call-role-confirm .confirm[data-v-46d4ffe4] {
  width: 100%;
  margin-top: 20px;
  text-align: center;
}
.cs-flow-case-duplicate[data-v-8ff2b4d4] {
  width: 550px;
  padding: 10px 36px 30px;
}
.cs-flow-case-duplicate .btn-group[data-v-8ff2b4d4] {
  margin-top: 10px;
  text-align: center;
}
.cs-flow-case-duplicate .form-content[data-v-8ff2b4d4] {
  margin-top: 20px;
}
.cs-flow-case-duplicate .form-textarea[data-v-8ff2b4d4] {
  width: 100%;
  height: 100px;
  overflow: auto;
}
.cs-flow-case-duplicate .notice[data-v-8ff2b4d4] {
  margin-top: 10px;
}
.forwrding-assessment .forwrding-content[data-v-d44ac2ea] {
  height: 40px;
  margin: 10px 0 30px 0;
  display: flex;
  align-items: center;
  flex-direction: column;
}
.forwrding-assessment .forwrding-footer[data-v-d44ac2ea] {
  display: flex;
  justify-content: space-around;
}
.operation-group-count-1[data-v-b90e7764] {
  height: 44px !important;
}
.operation-group-count-2[data-v-b90e7764] {
  height: 88px !important;
}
.operation-group-count-3[data-v-b90e7764] {
  height: 132px !important;
}
.operation-group-count-4[data-v-b90e7764] {
  height: 176px !important;
}
.flow-operation[data-v-b90e7764] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.operation-group[data-v-b90e7764] {
  display: grid;
  grid-auto-flow: column;
  grid-template-rows: repeat(5, 1fr);
  grid-column-gap: 20px;
  height: 222px;
  max-width: 60vw;
  overflow-x: overlay;
}
.operation-group-buttn[data-v-b90e7764] {
  margin: 0 6px;
}
[data-v-b90e7764] .mtd-btn-warning.mtd-btn-ghost {
  color: #d86b01;
  border-color: #d86b01;
}
[data-v-b90e7764] .mtd-btn-warning.mtd-btn-ghost:hover {
  color: #ff9419;
  border-color: #ff9419;
}
.tip-demo-content[data-v-b90e7764] {
  position: absolute;
  top: -65px;
  display: flex;
  align-items: center;
  margin-left: 10px;
  height: 37px;
  line-height: 22px;
  background-color: #fff6f0;
  font-size: 14px;
  border-radius: 6px;
  font-family: PingFangSC-Regular, sans-serif;
  font-weight: 400;
  padding-right: 15px;
  color: #944109;
}
.tip-demo-content-item[data-v-b90e7764] {
  font-family: PingFangSC-Semibold, sans-serif;
  font-size: 14px;
  color: #944109;
  letter-spacing: 0;
  line-height: 22px;
  font-weight: 600;
}
.tip-demo-content-icon[data-v-b90e7764] {
  color: #ff6e1a;
  font-size: 17px;
  margin: 0 5px 0 8px;
}
.tip-oncall[data-v-b90e7764] {
  top: -20px;
}

.operation-group-popper {
  z-index: 10 !important;
  padding: 10px;
}

.loading-wrapper[data-v-066c6c0d] {
  height: 100%;
}
.insufficient-count-or-weight[data-v-11282e3c] {
  padding: 20px;
}
.insufficient-count-or-weight .merchandise-id-column[data-v-11282e3c] {
  color: #52c41a;
}
.insufficient-count-or-weight[data-v-11282e3c] .mtd-table-cell {
  padding-left: 8px;
  padding-right: 8px;
}
.insufficient-count-or-weight .commdity-table[data-v-11282e3c] {
  max-height: 400px;
}
.insufficient-count-or-weight .merchandise-weight-column[data-v-11282e3c] {
  color: red;
}
.insufficient-count-or-weight .merchandise-operation-column[data-v-11282e3c] {
  width: 120px !important;
}
.insufficient-count-or-weight .merchandise-operation-column-input[data-v-11282e3c] {
  width: 80px !important;
}
.insufficient-count-or-weight .flow-insufficient-btn[data-v-11282e3c] {
  display: flex;
  margin-top: 20px;
  height: 20px;
}
.preview-viewer-swiper[data-v-2d6fa240] {
  width: 160px;
  height: 160px;
  margin: auto;
  position: relative;
}
.preview-viewer-swiper .preview-viewer-swiper-image[data-v-2d6fa240] {
  width: 100%;
  height: 100%;
}
.preview-viewer-swiper .swiper-switch[data-v-2d6fa240] {
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
  cursor: pointer;
  font-size: 16px;
}
.preview-viewer-swiper .swiper-switch-left[data-v-2d6fa240] {
  left: -20px;
}
.preview-viewer-swiper .swiper-switch-right[data-v-2d6fa240] {
  right: -20px;
}
.preview-viewer-swiper .preview-viewer-swiper-checkbox[data-v-2d6fa240] {
  width: 100%;
  display: flex;
  justify-content: center;
}
.preview .preview-secret[data-v-030a061e] {
  cursor: pointer;
  font-weight: 600;
  font-size: 12px;
}
.preview .preview-viewer .no-photos[data-v-030a061e] {
  font-weight: 600;
  font-size: 12px;
}
.preview .preview-viewer .preview-viewer-list[data-v-030a061e] {
  display: flex;
  flex-wrap: wrap;
}
.preview .preview-viewer .preview-viewer-list .preview-viewer-list-item[data-v-030a061e] {
  position: relative;
  /* stylelint-disable declaration-colon-newline-after */
}
.preview .preview-viewer .preview-viewer-list .preview-viewer-list-item img[data-v-030a061e] {
  margin: 0 16px 0 0;
  width: 110px;
  height: 110px;
  border: 1px solid #e5e5e5;
  border-radius: 6px;
}
.preview .preview-viewer .preview-viewer-list .preview-viewer-list-item .file-list-item[data-v-030a061e] {
  margin: 0 16px 0 0;
  width: 110px;
  height: 110px;
  display: inline-block;
  border: 1px solid #e5e5e5;
  cursor: pointer;
  border-radius: 6px;
}
.preview .preview-viewer .preview-viewer-list .preview-viewer-list-item .audio-item[data-v-030a061e] {
  background: url("https://s3plus.meituan.net/v1/mss_e2821d7f0cfe4ac1bf9202ecf9590e67/cdn-prod/file:b8c1a51d/default-audio.png") center no-repeat;
}
.preview .preview-viewer .preview-viewer-list .preview-viewer-list-item .other-item[data-v-030a061e] {
  background: url("https://s3plus.meituan.net/v1/mss_e2821d7f0cfe4ac1bf9202ecf9590e67/cdn-prod/file:b8c1a51d/default-file.png") center no-repeat;
}
.preview .preview-viewer .preview-viewer-list .preview-viewer-list-item .video-item[data-v-030a061e] {
  background: url("https://s3plus.meituan.net/v1/mss_e2821d7f0cfe4ac1bf9202ecf9590e67/cdn-prod/file:b8c1a51d/default-vedio.png") center no-repeat;
}
.preview .preview-viewer .preview-viewer-list .preview-viewer-list-item .pdf-item[data-v-030a061e] {
  background: url("//p1.meituan.net/travelcube/7a4c4a0eb9b1b30122ef9e5929a6bd30533.png") center no-repeat;
}
.preview .preview-viewer .preview-viewer-list .preview-viewer-list-item .txt-item[data-v-030a061e] {
  background: url("//p0.meituan.net/travelcube/67529ba58181ced0090af81c92a2a269245.png") center no-repeat;
}
.preview .preview-viewer .preview-viewer-list .preview-viewer-list-item .zip-item[data-v-030a061e] {
  background: url("//p0.meituan.net/travelcube/86deda051441334090d81616cd47b5b1244.png") center no-repeat;
}
.preview .preview-viewer .preview-viewer-list .preview-viewer-list-item .ppt-item[data-v-030a061e] {
  background: url("//p0.meituan.net/travelcube/15102cc704393f3ed87c2813876d117f236.png") center no-repeat;
}
.preview .preview-viewer .preview-viewer-list .preview-viewer-list-item .word-item[data-v-030a061e] {
  background: url("//p1.meituan.net/travelcube/ab0afc9e5ec8fd901c80e6d2cb801004427.png") center no-repeat;
}
.preview .preview-viewer .preview-viewer-list .preview-viewer-list-item .excel-item[data-v-030a061e] {
  background: url("//p0.meituan.net/travelcube/ef09f75b64e18dc76a671a36afa02106379.png") center no-repeat;
}
[data-v-0fbf3f60] .secondary-task-container .mtd-tabs-content {
  padding: 0;
}
[data-v-0fbf3f60] .secondary-task-container .task-tab-main {
  background: #fff;
}
[data-v-0fbf3f60] .secondary-task-container .task-tab-main .task-new-step-container {
  padding-top: 16px;
}
[data-v-0fbf3f60] .secondary-task-container .task-tab-main .task-manage-container .mtd-tabs-content {
  background-image: none;
}
[data-v-0fbf3f60] .secondary-task-container .task-tab-main .assistant-task-step-item-container {
  margin-bottom: 0;
  border-radius: 0;
  background: transparent;
}
[data-v-0fbf3f60] .secondary-task-container .task-tab-main .assistant-task-step-item-header {
  background: var(--cs-common-nav-bc-color, #e1f4ec);
  padding: 6px 10px;
  line-height: 18px;
  border-radius: 6px;
}
[data-v-0fbf3f60] .secondary-task-container .task-tab-main .assistant-task-step-item-title {
  font-size: 14px;
}
[data-v-0fbf3f60] .secondary-task-container .task-tab-main .task-new-step-container .assistant-task-step-item-body {
  padding: 12px 10px;
}
[data-v-0fbf3f60] .secondary-task-container .task-tab-main .task-option-container .option-layout {
  min-width: 33%;
  max-width: 33%;
}
[data-v-0fbf3f60] .secondary-task-container .task-tab-main .jargon-wrapper .mtd-tabs-content {
  background: #fff;
}
[data-v-0fbf3f60] .secondary-task-container .task-create-info-container {
  border-bottom: 1px solid rgba(0, 0, 0, 0.06);
  height: inherit;
  padding: 0 0 10px 0;
  margin-left: 0;
  margin-right: 0;
}
[data-v-0fbf3f60] .secondary-task-container .assistant-task-step-item-index {
  width: 18px;
  height: 18px;
  color: inherit;
  background: inherit;
}
[data-v-0fbf3f60] .secondary-task-container .task-tab-container .faq-title {
  font-size: 14px;
  font-weight: normal;
}
[data-v-0fbf3f60] .secondary-task-container .task-tab-container .task-header-new {
  height: 52px;
  padding: 0;
}
[data-v-0fbf3f60] .secondary-task-container .task-tab-container .rebind-question {
  font-size: 13px;
  color: var(--cs-common-primary-color);
}
[data-v-0fbf3f60] .secondary-task-container .task-header-left {
  background: rgba(0, 0, 0, 0.04);
  border-radius: 6px;
  height: 36px;
  padding: 0 10px;
  margin-right: 8px;
}
[data-v-0fbf3f60] .secondary-task-container .task-header-right {
  background: rgba(0, 0, 0, 0.04);
  border-radius: 6px;
  height: 36px;
}
[data-v-0fbf3f60] .secondary-task-container .task-tab-container .evaluation-operate {
  margin-left: 0;
}
[data-v-0fbf3f60] .secondary-task-container .recommend-question {
  padding: 8px 0;
}
[data-v-0fbf3f60] .case-extend-field-player .task-new-step-container {
  padding-top: 16px;
}
[data-v-0fbf3f60] .case-extend-field-player .task-manage-container .mtd-tabs-content {
  background-image: none;
}
[data-v-0fbf3f60] .case-extend-field-player .assistant-task-step-item-container {
  margin-bottom: 0;
  border-radius: 0;
  background: transparent;
}
[data-v-0fbf3f60] .case-extend-field-player .assistant-task-step-item-header {
  background: var(--cs-common-nav-bc-color, #e1f4ec);
  padding: 6px 10px;
  line-height: 18px;
  border-radius: 6px;
}
[data-v-0fbf3f60] .case-extend-field-player .assistant-task-step-item-title {
  font-size: 14px;
}
[data-v-0fbf3f60] .case-extend-field-player .task-new-step-container .assistant-task-step-item-body {
  padding: 12px 10px;
}
[data-v-0fbf3f60] .case-extend-field-player .task-option-container .option-layout {
  min-width: 33%;
  max-width: 33%;
}
[data-v-0fbf3f60] .case-extend-field-player .jargon-wrapper .mtd-tabs-content {
  background: #fff;
}
[data-v-0fbf3f60] .case-extend-field-player .task-new-step-container {
  padding: 16px;
}
[data-v-e62affea] .solution-process-field-player .task-step-item-header {
  background-color: transparent;
}
.llm-container[data-v-00d0fd22] {
  padding: 16px 12px;
  border: 1px solid rgba(0, 0, 0, 0.12);
  flex: 1;
  gap: 12px;
  background: linear-gradient(119deg, rgba(238, 248, 255, 0.5) 0%, rgba(234, 225, 252, 0.5) 100%);
  box-sizing: border-box;
  border: 1px solid #FFFFFF;
  border-radius: 6px;
  box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.02);
}
.llm-container .llm-title[data-v-00d0fd22] {
  display: flex;
  align-items: center;
  margin-bottom: 12px;
  justify-content: space-between;
}
.llm-container .llm-title .llm-title-text[data-v-00d0fd22], .llm-container .llm-title .icon-csicon-cscs-llm[data-v-00d0fd22] {
  font-size: 16px;
  font-weight: bold;
  line-height: 22px;
  letter-spacing: 0px;
  color: #6A4CFF;
  z-index: 1;
}
.llm-container .llm-title .title-text[data-v-00d0fd22] {
  font-size: 16px;
  font-weight: 600;
  line-height: 26px;
  letter-spacing: 0;
  margin-left: 10px;
  color: rgba(0, 0, 0, 0.9);
}
.llm-container .llm-title i[data-v-00d0fd22] {
  font-size: 16px;
}
.llm-container .operate-text[data-v-00d0fd22] {
  display: flex;
  align-items: center;
  font-size: 14px;
  font-weight: normal;
  line-height: 20px;
  letter-spacing: 0px;
  color: #009155;
  cursor: pointer;
}
.llm-container .operate-text i[data-v-00d0fd22] {
  margin-right: 3px;
}
.llm-container .regenerate[data-v-00d0fd22] {
  color: var(--cs-common-primary-color);
}
.llm-container .refresh[data-v-00d0fd22] {
  color: rgba(17, 25, 37, 0.3);
}
.llm-container .llm-text[data-v-00d0fd22] {
  font-size: 14px;
  font-weight: normal;
  line-height: 22px;
  text-align: justify;
  letter-spacing: 0;
  color: #111925;
}
.llm-container .no-text[data-v-00d0fd22] {
  height: 66px;
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  color: rgba(17, 25, 37, 0.15);
  font-size: 14px;
}
.llm-container .no-text i[data-v-00d0fd22] {
  font-size: 40px;
}
.llm-container .no-text span[data-v-00d0fd22] {
  line-height: 22px;
}
.llm-container .mtd-loading[data-v-00d0fd22], .llm-container .sep-mtd-loading[data-v-00d0fd22] {
  position: static !important;
  transform: translate(0, 0) !important;
}
.llm-container .llm-time[data-v-00d0fd22] {
  color: #888;
}
.one-click-copy-btn[data-v-1c3996a8] {
  display: inline-flex;
  align-self: center;
  vertical-align: middle;
  cursor: pointer;
  font-size: 16px;
  margin-left: 6px;
}
.assistance-container[data-v-08034e79] {
  width: 600px;
  padding-top: 10px;
}
.assistance-container .assistance-info[data-v-08034e79] {
  color: #000;
}
.assistance-container .button-container[data-v-08034e79] {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin-top: 50px;
}
.assistance-container .button-container .task-container[data-v-08034e79] {
  width: 70%;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  flex-wrap: wrap;
}
.assistance-container .button-container .task-container .task-operation[data-v-08034e79] {
  margin: 0 5px 5px 0;
}
.assistance-container .button-container .operation-container[data-v-08034e79] {
  width: 30%;
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
}
.assistance-container .button-container .operation-container .cancel-button[data-v-08034e79] {
  margin-right: 5px;
}
.out-call-note-container[data-v-03e9610c] {
  width: 500px;
  margin: 0 -24px;
  padding: 0 20px;
}
.out-call-note-container .out-call-note-header[data-v-03e9610c] {
  width: 100%;
  height: 40px;
  position: absolute;
  top: 15px;
  left: 0;
  pointer-events: none;
  padding: 0px 24px 16px 90px;
  display: flex;
  align-items: end;
}
.out-call-note-container .out-call-note-vice[data-v-03e9610c] {
  margin-left: 8px;
  font-size: 12px;
  color: #111925;
}
.out-call-note-container .out-call-note-route[data-v-03e9610c] {
  font-weight: 600;
  font-size: 16px;
  margin-left: auto;
  pointer-events: all;
}
.out-call-note-container .call-user[data-v-03e9610c]::before {
  content: "*";
  color: red;
}
.out-call-note-container .mtd-row[data-v-03e9610c] {
  margin-bottom: 20px;
}
.out-call-note-container .mtd-row[data-v-03e9610c]:last-child {
  margin-bottom: 0;
}
.out-call-note-container .mtd-col[data-v-03e9610c] {
  border-radius: 4px;
}
.out-call-note-container .modal-footer[data-v-03e9610c] {
  display: flex;
  justify-content: center;
  align-items: center;
}
.out-call-note-container .textarea-out-call-note[data-v-03e9610c] {
  width: 260px;
  height: 100px;
  overflow-y: auto;
  resize: none;
}
.out-call-note-container .field-secret[data-v-03e9610c] {
  display: inline;
}
.out-call-note-container[data-v-03e9610c] .icon-style-disabled > span {
  line-height: 20px;
  color: rgba(0, 0, 0, 0.5);
}
.out-call-note-container[data-v-03e9610c] textarea {
  border: none;
}
.out-call-note-container .nlp-textarea[data-v-03e9610c] {
  position: relative;
  display: flex;
  background-color: rgb(255, 255, 255);
  border-radius: 4px;
  width: 262px;
  height: 122px;
  border: 1px solid #ddd;
}
.out-call-note-container .nlp-textarea .nlp-textarea-operation[data-v-03e9610c] {
  position: absolute;
  display: flex;
  flex-direction: row;
  align-items: center;
  right: 0;
  bottom: 0;
  z-index: 3;
}
.out-call-note-container .nlp-textarea .nlp-textarea-operation[data-v-03e9610c] .mtd-btn {
  height: 24px;
}
.out-call-note-container .nlp-textarea .icon-style[data-v-03e9610c] {
  color: var(--cs-common-primary-color);
  display: inline;
}
.out-call-note-container .nlp-default-recommend[data-v-03e9610c] {
  width: 100%;
  position: absolute;
  box-sizing: border-box;
  padding: 6px 12px;
  top: 2px;
  left: 0;
  height: 102px;
  background-color: #fff;
  z-index: 2;
  overflow-y: auto;
}
.out-call-note-container .nlp-default-recommend .nlp-default-recommend-value[data-v-03e9610c] {
  line-height: 22px;
  white-space: pre-wrap;
}
.out-call-note-container .nlp-default-recommend .nlp-default-recommend-tag[data-v-03e9610c] {
  background: var(--cs-common-primary4-color);
  border-radius: 8px;
  font-size: 14px;
  color: var(--cs-common-primary-color);
  letter-spacing: 0;
  padding: 0 6px;
  margin-left: 4px;
}
.phone-call[data-v-639ca33d] {
  display: inline-block;
  vertical-align: top;
}
.phone-consult[data-v-fbd6908e] {
  display: inline-block;
  vertical-align: top;
}
.phone-consult[data-v-7c5ea360] {
  display: inline-block;
  vertical-align: top;
}
.flow-operation-msg[data-v-54d5a3c4] {
  width: 700px;
}
.flow-operation-msg .msg-container[data-v-54d5a3c4] {
  max-height: 75vh;
  overflow-y: auto;
}
.flow-operation-msg .msg-header[data-v-54d5a3c4] {
  display: flex;
  margin-top: 10px;
  font-size: 18px;
}
.flow-operation-msg .msg-header .msg-header-title[data-v-54d5a3c4] {
  font-weight: bold;
  color: #303133;
}
.flow-operation-msg .msg-content-tip[data-v-54d5a3c4] {
  margin-top: 10px;
  color: red;
  text-align: center;
}
.flow-operation-msg .msg-content[data-v-54d5a3c4] {
  width: 100%;
  padding: 10px 50px 0 50px;
}
.flow-operation-msg .msg-content .template-drop[data-v-54d5a3c4] {
  width: 100%;
}
.flow-operation-msg .msg-content .part-edit-content[data-v-54d5a3c4] {
  padding: 10px;
  width: 100%;
  height: 150px;
  box-sizing: border-box;
  border: 1px solid #ddd;
  border-radius: 3px;
  overflow-y: scroll;
  word-break: break-all;
  white-space: pre-line;
}
.flow-operation-msg .msg-content .part-edit-content .part-edit-content-item[data-v-54d5a3c4] {
  line-height: 24px;
}
.flow-operation-msg .msg-content .part-edit-content .part-edit-content-item .part-edit-ipt-border[data-v-54d5a3c4] {
  border: 0;
  border-bottom: 1px solid #000;
}
.flow-operation-msg .msg-footer[data-v-54d5a3c4] {
  display: flex;
  justify-content: center;
  margin-top: 16px;
}
.flow-operation-msg .msg-footer button[data-v-54d5a3c4] {
  margin-right: 10px;
}
.message-default-phone[data-v-54d5a3c4] {
  display: flex;
  flex-wrap: wrap;
}
.message-default-phone-item[data-v-54d5a3c4] {
  margin-right: 10px;
}
.reconfirm-content-tip[data-v-54d5a3c4] {
  color: red;
}
.reconfirm-footer[data-v-54d5a3c4] {
  display: flex;
  justify-content: center;
}
.reconfirm-footer-btn[data-v-54d5a3c4] {
  margin: 0 10px;
}
.cursor-default[data-v-54d5a3c4] {
  cursor: default;
}
.secret-link[data-v-8e8700bc] {
  vertical-align: middle;
  color: var(--cs-common-primary-color);
  line-height: 22px;
  height: 22px;
  font-family: PingFangSC-Medium, -apple-system, BlinkMacSystemFont, Helvetica Neue, PingFang SC, Microsoft YaHei, Source Han Sans SC, Noto Sans CJK SC, WenQuanYi Micro Hei, sans-serif;
}
.icon-container[data-v-8e8700bc] {
  width: 22px;
  min-height: 22px;
  cursor: pointer;
  line-height: 22px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  transform: translate(-1px);
  border-radius: 4px;
}
.icon-container[data-v-8e8700bc]:hover {
  background-color: rgba(0, 0, 0, 0.06);
}
.contact-icon[data-v-8e8700bc] {
  font-size: 18px;
  color: var(--cs-common-primary-color);
  font-weight: 600;
}
.popover-content[data-v-8e8700bc] {
  min-width: 330px;
}
[data-v-8e8700bc] .mtd-input:read-only {
  border-color: transparent;
}
.frequent-contacts-panel[data-v-27491438] {
  box-sizing: border-box;
  border: 1px solid rgba(17, 25, 37, 0.031372549);
  list-style: none;
  width: 100%;
  max-width: 250px;
  padding: 4px;
  border-radius: 5px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}
.frequent-contacts-panel .frequent-contacts-item[data-v-27491438] {
  height: 36px;
  width: 100%;
  display: flex;
  align-items: center;
  padding-left: 8px;
  margin-bottom: 4px;
  cursor: pointer;
}
.frequent-contacts-panel .frequent-contacts-item[data-v-27491438]:hover {
  background-color: rgba(17, 25, 37, 0.031372549);
}
.cs-lc-contact[data-v-085d55ca] {
  width: auto;
}
.contact-container-wrapper[data-v-085d55ca] {
  width: 100%;
}
.contact-container-wrapper .contact-container[data-v-085d55ca] {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
}
.contact-name[data-v-085d55ca],
.contact-phone[data-v-085d55ca] {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
[data-v-085d55ca] .mtd-input:read-only {
  border-color: transparent;
}
.contact-name[data-v-085d55ca] {
  width: 40%;
  max-width: 90px;
  margin-right: 4px;
}
.contact-name[data-v-085d55ca] .mtd-input-wrapper {
  width: 90px;
}
.contact-phone[data-v-085d55ca] {
  width: 50%;
  max-width: 140px;
}
.contact-phone[data-v-085d55ca] .mtd-input-wrapper {
  width: auto;
}
.icon-bar[data-v-085d55ca] {
  display: inline-flex;
  align-self: center;
  vertical-align: middle;
  margin-right: 8px;
}
.icon-bar .icon-tooltip[data-v-085d55ca] {
  display: inline-block;
  margin-right: 4px;
}
.contact-input[data-v-085d55ca] {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin-right: 6px;
}
.recommand-button[data-v-085d55ca] {
  background-color: rgba(0, 0, 0, 0.2);
}
.secret-link[data-v-085d55ca] {
  vertical-align: middle;
  color: var(--cs-common-primary-color);
  line-height: 22px;
  height: 22px;
  font-family: PingFangSC-Medium, -apple-system, BlinkMacSystemFont, Helvetica Neue, PingFang SC, Microsoft YaHei, Source Han Sans SC, Noto Sans CJK SC, WenQuanYi Micro Hei, sans-serif;
}
.one-click-copy-btn[data-v-085d55ca] {
  margin-left: -4px;
}
img[data-v-7cc1bb7d] {
  width: 300px;
  height: 300px;
  object-fit: contain;
  background: rgba(0, 0, 0, 0.04);
  border-radius: 6px;
}
.image-compared-content[data-v-7cc1bb7d] {
  display: flex;
  justify-content: space-between;
  max-height: 582px;
}
.image-compared-content .compard-img[data-v-7cc1bb7d] {
  display: inline-block;
  width: 324px;
  margin-bottom: 20px;
}
.image-compared-content .compard-img .shopField-box[data-v-7cc1bb7d] {
  margin-top: 12px;
}
.image-compared-content .compard-img .shopField-box .shopField[data-v-7cc1bb7d] {
  line-height: 22px;
  font-weight: 400;
  font-family: PingFangSC-Regular, -apple-system, BlinkMacSystemFont, Helvetica Neue, PingFang SC, Microsoft YaHei, Source Han Sans SC, Noto Sans CJK SC, WenQuanYi Micro Hei, sans-serif;
  color: rgba(0, 0, 0, 0.9);
}
.image-compared-content .compard-img .shopField-box .shopField span[data-v-7cc1bb7d] {
  color: rgba(0, 0, 0, 0.5);
}
.image-compared-content .compard-img-title[data-v-7cc1bb7d] {
  height: 20px;
  font-weight: 500;
  margin: 12px 0;
  color: rgba(0, 0, 0, 0.9);
}
.image-compared-content .compard-img-detection-title[data-v-7cc1bb7d] {
  height: 20px;
  font-weight: 500;
  margin: 12px 0;
  color: rgba(252, 6, 6, 0.9);
}
.image-compared-content .repeat-img-wrapper[data-v-7cc1bb7d] {
  max-height: 548px;
  overflow-x: clip;
}
.image-compared-content .repeat-img-wrapper .repeat-img[data-v-7cc1bb7d] {
  position: relative;
  padding-left: 24px;
  box-sizing: content-box;
}
.image-compared-content .repeat-img-wrapper .repeat-img .repeat-image-container[data-v-7cc1bb7d] {
  max-height: 504px;
  display: flex;
  flex-wrap: wrap;
  overflow-y: scroll;
}
.image-compared-content .repeat-img-wrapper .repeat-img .repeat-image-container .repeat-image[data-v-7cc1bb7d] {
  display: inline-block;
  margin: 0 10px 10px 0;
}
.image-compared-content .repeat-img-wrapper .repeat-img .repeat-image-container .repeat-image .caseid_jump[data-v-7cc1bb7d] {
  color: #0a70f5;
}
.image-compared-content .media-wrapper[data-v-7cc1bb7d] {
  overflow-y: scroll;
}
.image-compared-content .media-width[data-v-7cc1bb7d] {
  width: 658px;
}
span.caseid_jump[data-v-7cc1bb7d] {
  background-color: transparent;
  cursor: pointer;
  color: var(--cs-common-primary-color);
}
.is-refund[data-v-7cc1bb7d] {
  color: #fff;
  background: #ed532a;
  padding: 0 1px;
  font-weight: 100;
  border-radius: 3px;
}
.multi-media-list[data-v-46b23af8] {
  display: flex;
  flex-wrap: wrap;
  margin-top: 12px;
}
.multi-media-list .media-source-name[data-v-46b23af8],
.multi-media-list .media-add-time[data-v-46b23af8],
.multi-media-list .risk-over[data-v-46b23af8] {
  width: 110px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.multi-media-list .multi-media-item-tag[data-v-46b23af8] {
  position: absolute;
  top: 0;
  right: 16px;
  padding: 2px 6px;
  background-color: #e31d1d;
  border-radius: 0 6px 0 6px;
  font-size: 12px;
  color: #fff;
  font-weight: bold;
}
.multi-media-list .multi-media-list-info[data-v-46b23af8] {
  font-size: 12px;
}
.multi-media-list .multi-media-list-info .media-add-time[data-v-46b23af8] {
  color: rgba(0, 0, 0, 0.5);
}
.multi-media-list .multi-media-list-info .mg-link-success[data-v-46b23af8] {
  color: var(--cs-common-primary-color);
  cursor: pointer;
}
.multi-media-list .operation[data-v-46b23af8] {
  display: inline-block;
  padding: 0 5px;
  background-color: #fff9db;
}
.multi-media-list .operation .mtdicon-warning-circle[data-v-46b23af8] {
  margin-right: 2px;
  color: #ffd200;
}
.multi-media-list .operation .search-diff[data-v-46b23af8] {
  font-size: 12px;
  letter-spacing: 0;
  line-height: 22px;
  cursor: pointer;
}
.multi-media-list .operation .search-diff .mtdicon-right[data-v-46b23af8] {
  font-size: 10px;
}
.multi-media-list .media-source-name[data-v-46b23af8] {
  font: 400 14px/22px PingFangSC-Regular, -apple-system, BlinkMacSystemFont, Helvetica Neue, PingFang SC, Microsoft YaHei, Source Han Sans SC, Noto Sans CJK SC, WenQuanYi Micro Hei, sans-serif;
  color: rgba(0, 0, 0, 0.9);
}
.search-field-input-mark[data-v-1c759a8d] {
  margin: 0 5px;
}
.cs-f-search-field-container[data-v-440f6e7e] {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 0 8px;
}
.search-field-display-name[data-v-440f6e7e] {
  font-weight: 400;
  font-family: PingFangSC-Regular, sans-serif;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.9);
  text-align: right;
  line-height: 22px;
}
.hyphen-title[data-v-440f6e7e] {
  gap: 0 16px;
}
.hyphen-title .search-field-display-name[data-v-440f6e7e] {
  min-width: unset;
  width: 8px;
}
[data-v-440f6e7e] .mtd-date-picker,[data-v-440f6e7e] .mtd-input-wrapper,[data-v-440f6e7e] .mtd-select,[data-v-440f6e7e] .mtd-autocomplete {
  width: 173px;
}
[data-v-440f6e7e] .search-field-input.mtd-input-wrapper {
  width: 218px;
}
.send-message[data-v-881bcb7a] .mtd-textarea-wrapper textarea {
  border: none;
  outline: none;
  background: transparent;
  height: 126px;
}
.send-message .seat-assistance-textarea[data-v-881bcb7a] {
  margin-bottom: 12px;
}
.send-message .operation[data-v-881bcb7a] {
  display: flex;
  justify-content: flex-end;
}
.send-message .operation button[data-v-881bcb7a]:nth-child(1) {
  margin-right: 18px;
}
.process .operation[data-v-766795c4] {
  display: flex;
  justify-content: flex-end;
}
.seat-assistance-title[data-v-cab70616] {
  display: flex;
  height: 44px;
  justify-content: space-between;
}
.seat-assistance-title .left[data-v-cab70616] {
  display: flex;
  font-size: 14px;
  align-items: center;
  font-family: sans-serif;
  font-weight: normal;
  color: rgba(17, 25, 37, 0.65);
}
.seat-assistance-title .left i[data-v-cab70616] {
  padding: 0;
  margin-right: 4px;
}
.seat-assistance-title .warning-text[data-v-cab70616] {
  color: #ff1f1f;
}
.seat-assistance-title .right[data-v-cab70616] {
  display: flex;
  align-items: center;
}
.seat-assistance-title .right .mtdicon-quote[data-v-cab70616] {
  margin-right: 12px;
}
.seat-assistance-title .right .exit-seat-assistance[data-v-cab70616] {
  width: 94px;
  height: 24px;
  padding: 2px 8px;
  cursor: pointer;
  border-radius: 4px;
  opacity: 1;
  background: rgba(17, 25, 37, 0.05);
  display: flex;
  align-items: center;
  color: #111925;
}
.seat-assistance-title .right .exit-seat-assistance span[data-v-cab70616] {
  font-family: PingFang SC, sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: 0;
}
@charset "UTF-8";
.agent-summary[data-v-a06353f2] {
  position: fixed;
  width: 410px;
  height: 608px;
  bottom: 16px;
  border-radius: 10px;
  background: #fff;
  box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.1);
  z-index: 3;
}
.agent-summary .summary-header[data-v-a06353f2] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 20px 0 16px;
  height: 44px;
  border-bottom: 1px solid #f0f0f0;
}
.agent-summary .summary-header .summary-title[data-v-a06353f2] {
  font-family: PingFang SC, sans-serif;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0;
  color: #111925;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.agent-summary .summary-header .summary-close[data-v-a06353f2] {
  font-size: 18px;
  color: rgba(17, 25, 37, 0.45);
  cursor: pointer;
}
.agent-summary .summary-content[data-v-a06353f2] {
  height: calc(100% - 48px);
  padding: 3px 16px 0;
  overflow-y: scroll;
}
.agent-summary .summary-content .content-item[data-v-a06353f2] {
  display: flex;
  margin-top: 10px;
  font-size: 14px;
  font-family: 苹方-简, sans-serif;
  cursor: pointer;
}
.agent-summary .summary-content .content-item .display-name[data-v-a06353f2] {
  width: 84px;
  flex-shrink: 0;
  color: #00a854;
  text-align: right;
}
.agent-summary .summary-content .content-item .field-value[data-v-a06353f2] {
  margin-left: 12px;
  color: #111925;
  white-space: pre-wrap;
  word-break: break-word;
}
@charset "UTF-8";
.seat-assistance[data-v-3122c65f] {
  padding: 0 16px;
  border: 1px solid #e0e0e0;
  position: relative;
}
.seat-assistance .header[data-v-3122c65f] {
  position: sticky;
  top: 0;
  background-color: #f3f3f4;
  opacity: 1; /* 不透明 */
  z-index: 10;
}
.seat-assistance .waiting-default[data-v-3122c65f] {
  height: 126px;
}
.seat-assistance[data-v-3122c65f] .lc-block .lc-block-content {
  padding: 0 !important;
}
.seat-assistance[data-v-3122c65f] .lc-block {
  background-color: transparent !important;
}
.cs-f-chips[data-v-628f544a] {
  min-width: 230px;
  display: flex;
  gap: 4px;
  flex-wrap: wrap;
  border: 1px solid rgba(0, 0, 0, 0.12);
  border-radius: 4px;
  padding: 4px;
}
.cs-f-chips .chip[data-v-628f544a] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 4px;
  border-radius: 2px;
  background-color: rgba(0, 0, 0, 0.06);
  color: rgba(0, 0, 0, 0.84);
  font-size: 14px;
}
.cs-f-chips .chip i[data-v-628f544a] {
  margin-left: 4px;
}
.cs-f-chips .active-chips i[data-v-628f544a] {
  color: #000;
}
.chips-tip[data-v-628f544a] {
  text-align: left;
  text-indent: 12px;
  font-size: 12px;
  color: rgba(0, 0, 0, 0.5);
  margin-top: -2px;
  white-space: nowrap;
}
.chips-tip-error[data-v-628f544a] {
  color: #f5483b;
}
.success[data-v-628f544a] {
  border-color: var(--cs-common-primary-color);
}
.fail[data-v-628f544a] {
  border-color: #f5483b;
}
.chips-input[data-v-628f544a] {
  flex-basis: 100px;
  flex-grow: 1;
  border: none;
}
.pagination-for-has-next-container[data-v-2fd64081] {
  padding: 0;
  margin: 0;
}
.pagination-for-has-next-container .no-count-pagination-item[data-v-2fd64081] {
  border: 1px solid rgba(0, 0, 0, 0.12);
  border-radius: 4px;
  padding: 0 4px;
  cursor: pointer;
  background: #fff;
  text-align: center;
  transition: all 0.3s;
  font-size: 14px;
  min-width: 24px;
  height: 24px;
  line-height: 22px;
  display: inline-block;
  vertical-align: top;
}
.pagination-for-has-next-container .no-count-pagination-item[data-v-2fd64081]:not(:last-child) {
  margin-right: 8px;
}
.pagination-for-has-next-container .no-count-pagination-item-disabled[data-v-2fd64081] {
  color: rgba(0, 0, 0, 0.84);
  border-color: rgba(0, 0, 0, 0.12);
  background: #fff;
  opacity: 0.45;
  cursor: not-allowed;
  transition-duration: 0s;
}
.pagination-for-has-next-container .order-page-operation[data-v-2fd64081] {
  margin-right: 10px;
  font-size: 14px;
}
.pagination-for-has-next-container .current-page[data-v-2fd64081] {
  margin-right: 10px;
}
.table-pagination[data-v-d7f6fd70] {
  text-align: center;
  font-size: 14px;
}
.table-pagination[data-v-d7f6fd70] .mtd-pager-item {
  font-size: 14px;
}
.pagination-for-has-next-container[data-v-c47a8796] {
  padding: 0;
  margin: 0;
}
.pagination-for-has-next-container .no-count-pagination-item[data-v-c47a8796] {
  border: 1px solid rgba(0, 0, 0, 0.12);
  border-radius: 4px;
  padding: 0 4px;
  cursor: pointer;
  background: #fff;
  text-align: center;
  transition: all 0.3s;
  font-size: 14px;
  min-width: 24px;
  height: 24px;
  line-height: 22px;
  display: inline-block;
  vertical-align: top;
}
.pagination-for-has-next-container .no-count-pagination-item[data-v-c47a8796]:not(:last-child) {
  margin-right: 8px;
}
.pagination-for-has-next-container .no-count-pagination-item-disabled[data-v-c47a8796] {
  color: rgba(0, 0, 0, 0.84);
  border-color: rgba(0, 0, 0, 0.12);
  background: #fff;
  opacity: 0.45;
  cursor: not-allowed;
  transition-duration: 0s;
}
.pagination-for-has-next-container .order-page-operation[data-v-c47a8796] {
  margin-right: 10px;
  font-size: 14px;
}
.red-envelope-wrap[data-v-74395b78] {
  position: relative;
  padding: 10px 12px;
  border-radius: 6px;
  box-sizing: content-box;
  border: 1px solid #ddd;
  background: #fff;
  word-break: break-all;
}
.red-envelope-wrap .red-envelope-container[data-v-74395b78] {
  width: 230px;
  height: 70px;
  background-color: #cc473d;
  display: flex;
  align-items: center;
  border-radius: 4px;
  padding: 8px;
}
.red-envelope-wrap .red-envelope-container-icon[data-v-74395b78] {
  width: 45px;
  height: 45px;
  line-height: 45px;
  border-radius: 50%;
  display: inline-block;
  font-weight: 600;
  color: red;
  font-size: 30px;
  text-align: center;
  box-sizing: border-box;
  background-color: #f29f81;
  margin-right: 8px;
}
.red-envelope-wrap .red-envelope-container-content[data-v-74395b78] {
  color: #fff;
  flex: 1;
  overflow: hidden;
}
.red-envelope-wrap .red-envelope-container-content .title[data-v-74395b78] {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.dol-html-text-card[data-v-19b736b2] {
  white-space: pre-line;
}

.chat-detail[data-v-689133b7] {
  width: 100%;
  box-sizing: border-box;
  padding: 20px 10px;
}
.chat-detail-wrapper[data-v-689133b7] {
  height: 300px;
  overflow: scroll;
}
.chat-detail-wrapper-messageitem[data-v-689133b7] {
  display: flex;
  margin-bottom: 10px;
}
.chat-detail-wrapper-messageitem-avatar[data-v-689133b7] {
  width: 45px;
  height: 45px;
}
.chat-detail-wrapper-messageitem-main[data-v-689133b7] {
  flex: 1;
  padding-bottom: 10px;
  border-bottom: 1px solid #ddd;
  margin-left: 20px;
}
.chat-detail-wrapper-messageitem-main-header[data-v-689133b7] {
  margin-bottom: 5px;
  display: flex;
}
.chat-detail-wrapper-messageitem-main-header .header-startTime[data-v-689133b7] {
  margin-left: 20px;
}
.chat-detail-wrapper-messageitem-main-header .header-label-StaffRobot[data-v-689133b7] {
  margin-left: 12px;
  padding: 2px 8px;
  background-color: #5abdf5;
  color: #fff;
}
.chat-detail-wrapper[data-v-689133b7] .dol-image-card img {
  width: 100px;
}
.chat-detail-wrapper-loadmore[data-v-689133b7] {
  display: flex;
  justify-content: center;
  padding-bottom: 15px;
}
.chat-detail-wrapper-loadmore .lodeMore[data-v-689133b7] {
  cursor: pointer;
  color: var(--cs-common-primary-color);
}
.chat-detail-wrapper-loadmore .lodeMore[data-v-689133b7]:hover {
  text-decoration: underline;
}
.chat-detail-recommend[data-v-689133b7] {
  height: 50px;
  display: flex;
  flex-direction: row-reverse;
  align-items: end;
  margin: 0 -34px;
  box-shadow: 0 -5px 5px 0 #eee;
}
.chat-detail-recommend[data-v-689133b7] .mtd-btn-primary {
  margin-right: 20px;
}
.chat-detail-wrapper-messageitem-main-card[data-v-689133b7] {
  display: flex;
  justify-content: space-between;
}
.mtdicon-star[data-v-689133b7],
.mtdicon-star-o[data-v-689133b7] {
  font-size: 20px;
}
.expand-more[data-v-689133b7] {
  border-bottom: solid 1px var(--cs-common-primary-color);
}
.star-list[data-v-689133b7] {
  background: rgba(93, 199, 123, 0.1);
}
.mtdicon-star[data-v-689133b7] {
  color: var(--cs-common-primary-color);
}
.anli-start[data-v-689133b7] {
  color: var(--cs-common-primary-color);
}
.chat-detail[data-v-ac1e1f02] {
  width: 100%;
  box-sizing: border-box;
  padding: 20px 10px;
}
.chat-detail-wrapper[data-v-ac1e1f02] {
  height: 300px;
  overflow: scroll;
}
.chat-detail-wrapper-messageitem[data-v-ac1e1f02] {
  display: flex;
  margin-bottom: 10px;
}
.chat-detail-wrapper-messageitem-avatar[data-v-ac1e1f02] {
  width: 45px;
  height: 45px;
}
.chat-detail-wrapper-messageitem-main[data-v-ac1e1f02] {
  flex: 1;
  padding-bottom: 10px;
  border-bottom: 1px solid #ddd;
  margin-left: 20px;
  border: none !important;
}
.chat-detail-wrapper-messageitem-main-header[data-v-ac1e1f02] {
  margin-bottom: 5px;
  display: flex;
}
.chat-detail-wrapper-messageitem-main-header .header-startTime[data-v-ac1e1f02] {
  margin-left: 20px;
}
.chat-detail-wrapper-messageitem-main-header .header-label-StaffRobot[data-v-ac1e1f02] {
  margin-left: 12px;
  padding: 2px 8px;
  background-color: #5abdf5;
  color: #fff;
}
.chat-detail-wrapper[data-v-ac1e1f02] .dol-image-card img {
  width: 100px;
}
.chat-detail-wrapper-loadmore[data-v-ac1e1f02] {
  display: flex;
  justify-content: center;
  padding-bottom: 15px;
}
.chat-detail-wrapper-loadmore .lodeMore[data-v-ac1e1f02] {
  cursor: pointer;
  color: var(--cs-common-primary-color);
}
.chat-detail-wrapper-loadmore .lodeMore[data-v-ac1e1f02]:hover {
  text-decoration: underline;
}
.chat-detail-recommend[data-v-ac1e1f02] {
  height: 50px;
  display: flex;
  flex-direction: row-reverse;
  align-items: end;
  margin: 0 -34px;
  box-shadow: 0 -5px 5px 0 #eee;
}
.chat-detail-recommend[data-v-ac1e1f02] .mtd-btn-primary {
  margin-right: 20px;
}
.chat-detail-wrapper-messageitem-main-card[data-v-ac1e1f02] {
  display: flex;
  justify-content: space-between;
}
.mtdicon-star[data-v-ac1e1f02],
.mtdicon-star-o[data-v-ac1e1f02] {
  font-size: 20px;
}
.expand-more[data-v-ac1e1f02] {
  border-bottom: solid 1px var(--cs-common-primary-color);
}
.star-list[data-v-ac1e1f02] {
  background: rgba(93, 199, 123, 0.1);
}
.mtdicon-star[data-v-ac1e1f02] {
  color: var(--cs-common-primary-color);
}
.recommend-anli[data-v-40a4c068] {
  max-width: 1000px;
  width: 1000px;
  max-height: 600px;
  overflow: auto;
}
.recommend-anli .recommend-anli-left-margins[data-v-40a4c068] {
  margin-left: 10px;
}
.recommend-anli .recommend-anli-left-margins[data-v-40a4c068] .mtd-form-item-content {
  margin: 0 !important;
}
.recommend-anli .recommend-anli-left-margins .recommend-anli-left-margins-content[data-v-40a4c068] {
  display: flex;
  justify-content: space-between;
}
.recommend-anli .hack-audio-editor-layer[data-v-40a4c068] {
  position: relative;
  left: -525px;
  transform: translateX(525px);
}
.recommend-anli .mtdFormItemLabel[data-v-40a4c068] .mtd-form-item-label {
  display: flex;
  width: 120px !important;
}
.recommend-anli .mtdFormItemLabel[data-v-40a4c068] .mtd-form-item-label .saveRecording {
  justify-content: space-between;
}
.recommend-anli .checkbox-vertical .mtd-checkbox[data-v-40a4c068] {
  display: block;
  margin-left: 0;
}
.recommend-anli .recommend-anli-other-input[data-v-40a4c068] {
  padding-top: 10px;
}
.recommend-anli .recommend-anli-other-input .mtd-input-wrapper[data-v-40a4c068] {
  width: 100%;
}
.recommend-anli .recommend-anli-warning[data-v-40a4c068] {
  color: red;
}
.recommend-anli .recommend-anli-textarea[data-v-40a4c068] {
  width: 100%;
  padding: 6px 10px;
  resize: none;
  border: 1px solid #ddd;
  border-radius: 2px;
  word-break: break-all;
}
.recommend-anli .dialog-footer[data-v-40a4c068] {
  text-align: center;
}
.mtd-table[data-v-40a4c068] .oncall-remote-table-row-active {
  background-color: var(--cs-common-primary-color);
}
.asr-player-sdk-dialog-top[data-v-10bb69e4] {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.asr-player-sdk-dialog-top .asr-player-sdk-dialog-top-dialog-top-info[data-v-10bb69e4] {
  display: flex;
  width: 756px;
}
.asr-player-sdk-dialog-top .asr-player-sdk-dialog-top-dialog-top-info .asr-player-sdk-dialog-top-item-info[data-v-10bb69e4] {
  display: flex;
  margin-right: 24px;
}
.asr-player-sdk-dialog-top .dialog-top-operation[data-v-10bb69e4] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 97px;
  position: relative;
  left: 20px;
}
.asr-player-sdk-dialog-top .dialog-top-operation span[data-v-10bb69e4] {
  font-size: 14px;
  color: rgba(0, 0, 0, 0.84);
  font-weight: 400;
}
.asr-player-sdk-dialog-top .dialog-top-operation .toggle-button[data-v-10bb69e4] {
  transform: scale(0.6, 0.6);
  position: relative;
  left: -7px;
  background-color: var(--cs-common-primary-color);
  border-color: var(--cs-common-primary-color);
}
.asr-player-sdk-container[data-v-10bb69e4] {
  width: 896px;
  margin-top: 10px;
}
.asr-player-sdk-container[data-v-10bb69e4] .media-editor-word-wrap {
  max-height: 50vh;
}
.asr-player-sdk-container[data-v-10bb69e4] .media-editor-audio-wrap {
  background: white !important;
}
.translate-content-box[data-v-964bcecc] {
  height: 300px;
  overflow: auto;
}
.translate-content[data-v-964bcecc] {
  display: flex;
  flex-direction: row;
}
.translate-content .headPortrait-src[data-v-964bcecc] {
  width: 45px;
  height: auto;
  margin-right: 20px;
}
.translate-content-list[data-v-964bcecc] {
  margin-left: 4px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  width: 100%;
  padding-bottom: 10px;
  border-bottom: 1px solid #ddd;
}
.action-detail-call[data-v-9e18329c] {
  min-width: 500px;
  min-height: 100px;
  padding: 10px;
}
.action-detail-call .content-row[data-v-9e18329c] {
  display: flex;
  align-items: center;
  justify-content: start;
  margin-bottom: 10px;
}
.action-detail-call .content-row .content-row-left[data-v-9e18329c] {
  width: 80px;
  text-align: left;
  flex-shrink: 0;
  margin-right: 15px;
}
.action-detail-call .content-row .content-row-right-audio[data-v-9e18329c] {
  display: flex;
  align-items: center;
}
.action-detail-call .content-row .content-row-right-audio .audio-box[data-v-9e18329c] {
  position: relative;
}
.action-detail-call .content-row .content-row-right-audio .audio-box .audio-speed-btn[data-v-9e18329c] {
  font-size: 14px;
  font-weight: bold;
  color: var(--cs-common-primary-color);
  margin-left: 10px;
  margin-right: 10px;
  cursor: pointer;
}
.action-detail-call .content-row .content-row-right-audio .audio-box .audio-speed_content[data-v-9e18329c] {
  position: absolute;
  width: 240px;
  top: -55px;
  left: -80px;
  padding: 5px 10px;
  border: 1px solid var(--cs-common-primary-color);
}
.action-detail-call .content-row .content-row-right-audio .audio-box .audio-speed_content span[data-v-9e18329c] {
  padding-right: 10px;
  cursor: pointer;
}
.action-detail-call .content-row .content-row-right-audio .audio-box .audio-btn[data-v-9e18329c] {
  font-size: 14px;
  font-weight: bold;
  color: var(--cs-common-primary-color);
  margin-left: 10px;
  margin-right: 10px;
  cursor: pointer;
}
.action-detail-call .content-row .content-row-right[data-v-9e18329c] {
  flex: 1;
}
.red-envelope-wrap[data-v-2ec80788] {
  position: relative;
  padding: 10px 12px;
  border-radius: 6px;
  box-sizing: content-box;
  border: 1px solid #ddd;
  background: #fff;
  word-break: break-all;
}
.red-envelope-wrap .red-envelope-container[data-v-2ec80788] {
  width: 230px;
  height: 70px;
  background-color: #cc473d;
  display: flex;
  align-items: center;
  border-radius: 4px;
  padding: 8px;
}
.red-envelope-wrap .red-envelope-container-icon[data-v-2ec80788] {
  width: 45px;
  height: 45px;
  line-height: 45px;
  border-radius: 50%;
  display: inline-block;
  font-weight: 600;
  color: red;
  font-size: 30px;
  text-align: center;
  box-sizing: border-box;
  background-color: #f29f81;
  margin-right: 8px;
}
.red-envelope-wrap .red-envelope-container-content[data-v-2ec80788] {
  color: #fff;
  flex: 1;
  overflow: hidden;
}
.red-envelope-wrap .red-envelope-container-content .title[data-v-2ec80788] {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.unknown-wrap[data-v-1745e8be] {
  padding: 10px;
  background-color: #f5f5f5;
  border-radius: 4px;
}


.dol-html-text-card[data-v-53f71238] {
  white-space: pre-line;
}

.chat-detail[data-v-8c65e254] {
  width: 650px;
  box-sizing: border-box;
  padding: 20px 10px 0;
  color: #444;
  position: relative;
}
.chat-detail__title-sessionId[data-v-8c65e254] {
  position: fixed;
  top: 22px;
  left: 110px;
  color: #c8c8c8;
}
.chat-detail__wrapper[data-v-8c65e254] {
  height: 50vh;
  overflow-y: scroll;
}
.chat-detail__wrapper-messageitem[data-v-8c65e254] {
  display: flex;
  margin-bottom: 10px;
}
.chat-detail__wrapper-messageitem__avatar[data-v-8c65e254] {
  width: 45px;
  height: 45px;
}
.chat-detail__wrapper-messageitem__main[data-v-8c65e254] {
  flex: 1;
  padding-bottom: 10px;
  border-bottom: 1px solid #ddd;
  margin-left: 20px;
  max-width: 550px;
}
.chat-detail__wrapper-messageitem__main-header[data-v-8c65e254] {
  margin-bottom: 5px;
  display: flex;
}
.chat-detail__wrapper-messageitem__main-header .header-startTime[data-v-8c65e254] {
  margin-left: 20px;
}
.chat-detail__wrapper-messageitem__main-header .header-label-StaffRobot[data-v-8c65e254] {
  margin-left: 12px;
  padding: 2px 8px;
  background-color: #5abdf5;
  color: #fff;
}
.chat-detail__wrapper-messageitem__main-header .header-label-large-model[data-v-8c65e254] {
  margin-left: 6px;
  padding: 2px 8px;
  background-color: #5abdf5;
  color: red;
}
.chat-detail__wrapper-messageitem__main-header .header-read-status[data-v-8c65e254] {
  font-size: 12px;
}
.chat-detail__wrapper-messageitem__main-header .header-read-status .read[data-v-8c65e254] {
  color: #b8bdc0;
}
.chat-detail__wrapper-messageitem__main-header .header-read-status .unread[data-v-8c65e254] {
  color: #5284ef;
}
.chat-detail__wrapper[data-v-8c65e254] .dol-image-card img {
  width: 100px;
}
.chat-detail__wrapper-loadmore[data-v-8c65e254] {
  display: flex;
  justify-content: center;
  padding-bottom: 15px;
}
.chat-detail__wrapper-loadmore .lodeMore[data-v-8c65e254] {
  cursor: pointer;
  color: var(--cs-common-primary-color);
}
.chat-detail__wrapper-loadmore .lodeMore[data-v-8c65e254]:hover {
  text-decoration: underline;
}
.chat-detail__recommend[data-v-8c65e254] {
  height: 44px;
  display: flex;
  flex-direction: row-reverse;
  align-items: end;
  margin: 0 -34px;
  box-shadow: 0 -5px 5px 0 #eee;
}
.chat-detail__recommend[data-v-8c65e254] .mtd-btn-primary {
  margin-right: 20px;
}
.chat-detail-new[data-v-8c3c4546] {
  width: 650px;
  box-sizing: border-box;
  padding: 20px 10px 0;
  color: #444;
  position: relative;
}
.chat-detail-new__title-sessionId[data-v-8c3c4546] {
  position: fixed;
  top: 22px;
  left: 110px;
  color: #c8c8c8;
}
.chat-detail-new__wrapper[data-v-8c3c4546] {
  height: 50vh;
  overflow-y: scroll;
}
.chat-detail-new__wrapper-messageitem[data-v-8c3c4546] {
  display: flex;
  margin-bottom: 10px;
}
.chat-detail-new__wrapper-messageitem__avatar[data-v-8c3c4546] {
  width: 45px;
  height: 45px;
}
.chat-detail-new__wrapper-messageitem .avatar[data-v-8c3c4546] {
  text-shadow: 0 1px #aaa;
  box-shadow: 0 0 1px 0.8px #ddd inset;
  cursor: pointer;
  width: 45px;
  height: 45px;
  line-height: 45px;
  border-radius: 50%;
  display: inline-block;
  font-weight: 600;
  color: #fff;
  font-size: 18px;
  text-align: center;
  box-sizing: border-box;
  background-color: #f29f81;
}
.chat-detail-new__wrapper-messageitem .user-avatar[data-v-8c3c4546] {
  background-color: #5bc1ef;
}
.chat-detail-new__wrapper-messageitem .business-avatar[data-v-8c3c4546] {
  background-color: #c289ce;
}
.chat-detail-new__wrapper-messageitem .horseman-avatar[data-v-8c3c4546] {
  background-color: #f4ce5b;
}
.chat-detail-new__wrapper-messageitem__main[data-v-8c3c4546] {
  flex: 1;
  padding-bottom: 10px;
  border-bottom: 1px solid #ddd;
  margin-left: 20px;
  max-width: 550px;
}
.chat-detail-new__wrapper-messageitem__main-header[data-v-8c3c4546] {
  margin-bottom: 5px;
  display: flex;
}
.chat-detail-new__wrapper-messageitem__main-header .header-startTime[data-v-8c3c4546] {
  margin-left: 20px;
}
.chat-detail-new__wrapper-messageitem__main-header .header-label-StaffRobot[data-v-8c3c4546] {
  margin-left: 12px;
  padding: 2px 8px;
  background-color: #5abdf5;
  color: #fff;
}
.chat-detail-new__wrapper[data-v-8c3c4546] .dol-image-card img {
  width: 100px;
}
.chat-detail-new__wrapper[data-v-8c3c4546] .dol-video-card {
  position: relative;
  display: inline-block;
  padding: 10px 12px;
  border: 1px solid #ccc;
  border-radius: 6px;
  background: #fff;
  word-break: break-all;
}
.chat-detail-new__wrapper[data-v-8c3c4546] .dol-video-card video {
  width: auto;
  height: 200px;
  background: rgba(0, 0, 0, 0.9);
  margin-top: 10px;
}
.chat-detail-new__wrapper-loadmore[data-v-8c3c4546] {
  display: flex;
  justify-content: center;
  padding-bottom: 15px;
}
.chat-detail-new__wrapper-loadmore .lodeMore[data-v-8c3c4546] {
  cursor: pointer;
  color: var(--cs-common-primary-color);
}
.chat-detail-new__wrapper-loadmore .lodeMore[data-v-8c3c4546]:hover {
  text-decoration: underline;
}
.chat-detail-new__recommend[data-v-8c3c4546] {
  height: 44px;
  display: flex;
  flex-direction: row-reverse;
  align-items: end;
  margin: 0 -34px;
  box-shadow: 0 -5px 5px 0 #eee;
}
.chat-detail-new__recommend[data-v-8c3c4546] .mtd-btn-primary {
  margin-right: 20px;
}
.dissension-remark-title[data-v-1e670526] {
  display: flex;
  align-items: center;
  margin-bottom: 12px;
}
.dissension-remark-title[data-v-1e670526]::before {
  content: "";
  display: block;
  width: 4px;
  height: 18px;
  background-color: var(--cs-common-primary-color);
  left: 0;
  border-radius: 2px;
}
.dissension-remark-title-info[data-v-1e670526] {
  font-size: 16px;
  font-weight: 600;
  line-height: 20px;
  margin-left: 6px;
  color: rgba(0, 0, 0, 0.9019607843);
}
.dissension-remark-item-info[data-v-1e670526] {
  font-size: 14px;
  color: #111925;
  line-height: 18px;
  word-break: break-word;
}
.dissension-remark-item-operator[data-v-1e670526] {
  display: flex;
  align-items: center;
  color: rgba(17, 25, 37, 0.65);
  font-size: 12px;
  line-height: 20px;
  letter-spacing: 0px;
  margin-bottom: 6px;
}
.dissension-remark-item-operator .operator-info[data-v-1e670526] {
  margin-right: 6px;
}
.dissension-remark-container[data-v-1e670526] {
  max-height: 600px;
  overflow-y: auto;
}
.verify-status-container[data-v-ee2b4cfa] {
  display: flex;
  align-items: center;
  width: 90px;
}
.verify-status-container .verify-status-icon[data-v-ee2b4cfa] {
  width: 20px;
  height: 20px;
}
.verify-status-container .verify-status-text[data-v-ee2b4cfa] {
  padding-left: 5px;
}
.verify-status-container .pass-text[data-v-ee2b4cfa] {
  color: var(--cs-common-primary-color);
}
.verify-status-container .reject-text[data-v-ee2b4cfa] {
  color: #ff5f57;
}
.verify-item[data-v-7d85b0a9] {
  display: flex;
  justify-content: space-between;
  margin-left: 8px;
  padding-right: 18px;
}
.verify-item-text-gap[data-v-7d85b0a9] {
  padding-right: 15px;
}
.verify-item-text-gap[data-v-7d85b0a9] .text-unsecret {
  font-weight: 600;
}
.verify-item-title[data-v-ed1d0212] {
  font-weight: 600;
}
.verify-item-table-warp[data-v-ed1d0212] {
  width: 750px;
  margin-left: 8px;
}
.verify-item-table-text[data-v-ed1d0212] {
  color: red;
}
.verify-item-table-text-child[data-v-ed1d0212] {
  border-bottom: 1px solid #ddd;
}
.verify-item-table-text-child[data-v-ed1d0212]:last-child {
  border: none;
}
.verify-item-table-background[data-v-ed1d0212] {
  background: rgba(255, 95, 87, 0.06);
}
.verify-item-title[data-v-7049465e] {
  font-weight: 600;
}
.verify-item-inline-wrap[data-v-7049465e] {
  margin-left: 8px;
  min-width: 550px;
  border-top: 1px solid #edf0f7;
}
.verify-item-inline-wrap[data-v-7049465e]:last-child {
  border-bottom: 1px solid #edf0f7;
}
.verify-item-inline-content-wrap[data-v-7049465e] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-right: 18px;
}
.verify-item-inline-text-wrap[data-v-7049465e] {
  display: flex;
  flex: 1;
}
.verify-item-inline-title[data-v-7049465e]:not(:only-child) {
  width: 120px;
}
.verify-item-inline-text[data-v-7049465e] {
  background: rgba(255, 95, 87, 0.06);
  min-height: 40px;
  width: 280px;
  margin: 0 12px 0 20px;
  display: flex;
  align-items: center;
}
.verify-item-inline-text span[data-v-7049465e] {
  color: red;
  padding-left: 10px;
  word-break: break-all;
  white-space: normal;
}
.custom-textarea[data-v-7049465e] {
  width: 100%;
  margin: 5px 0;
}
.financial-card-container[data-v-1b22d23a] {
  width: 270px;
  margin-left: 8px;
  border-radius: 10px;
  border: 2px solid rgba(0, 0, 0, 0.04);
}
.financial-card-info[data-v-1b22d23a] {
  padding-left: 12px;
  border-radius: 4px 4px 0 0;
  background: rgba(0, 0, 0, 0.04);
  height: 70px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.financial-card-status[data-v-1b22d23a] {
  display: flex;
  justify-content: center;
  align-items: center;
  border-top: 1px solid rgba(0, 0, 0, 0.04);
  height: 35px;
}
.verify-detail-title[data-v-273722a4] {
  font-size: 16px;
}
.verify-detail-more[data-v-273722a4] {
  display: flex;
}
.verify-detail-more div[data-v-273722a4]:first-child {
  margin-right: 10px;
}
.verify-detail-gap[data-v-273722a4] {
  padding-left: 15px;
}
.mobike-model .mobike-model-phone .verify-item[data-v-6f4cd9d7] {
  display: flex;
}
.mobike-model .mobike-model-phone .verify-item .verify-item-text-gap[data-v-6f4cd9d7] {
  padding-right: 15px;
}
.mobike-model .mobike-model-title[data-v-6f4cd9d7] {
  display: flex;
  align-items: center;
  font-weight: 500;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.9);
}
.mobike-model .mobike-model-title .icon[data-v-6f4cd9d7] {
  margin: 0 4px 0 14px;
}
.mobike-model .mobike-model-title .verify-status-success[data-v-6f4cd9d7] {
  color: var(--cs-common-primary-color);
}
.mobike-model .mobike-model-title .verify-status-fail[data-v-6f4cd9d7] {
  color: #ff5f57;
}
.mobike-model .mobike-model-content-item[data-v-6f4cd9d7] {
  margin-top: 12px;
}
.mobike-model .mobike-model-content-item .mobike-model-content-item-title[data-v-6f4cd9d7] {
  font-weight: bolder;
  margin-bottom: 8px;
}
.mobike-model .mobike-model-content-item .mobike-model-order-item[data-v-6f4cd9d7] {
  margin-top: 8px;
}
[data-v-6f4cd9d7] .common-table-custom-header {
  border-top: 1px solid #ededed !important;
}
.wyc-model .wyc-model-verify .wyc-verify-item-inline-date[data-v-0f887898] {
  background-color: #f5f5f5;
  height: 40px;
  line-height: 40px;
  padding-left: 10px;
  margin-top: 5px;
}
.wyc-model .wyc-model-verify .wyc-model-verify-type[data-v-0f887898] {
  display: flex;
}
.wyc-model .wyc-model-verify .wyc-verify-item-inline-wrap[data-v-0f887898] {
  min-width: 550px;
  border-top: 1px solid #edf0f7;
}
.wyc-model .wyc-model-verify .wyc-verify-item-inline-wrap[data-v-0f887898]:last-child {
  border-bottom: 1px solid #edf0f7;
}
.wyc-model .wyc-model-verify .wyc-verify-item-inline-content-wrap[data-v-0f887898] {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.wyc-model .wyc-model-verify .wyc-verify-item-inline-text-wrap[data-v-0f887898] {
  display: flex;
  flex: 1;
}
.wyc-model .wyc-model-verify .wyc-verify-item-inline-titles[data-v-0f887898]:not(:only-child) {
  width: 120px;
  display: flex;
  align-items: center;
  padding-left: 10px;
}
.wyc-model .wyc-model-verify .wyc-verify-item-inline-title[data-v-0f887898]:not(:only-child) {
  width: 120px;
  display: flex;
  align-items: center;
}
.wyc-model .wyc-model-verify .wyc-verify-item-inline-phone[data-v-0f887898] {
  display: inline-block;
  margin-right: 10px;
}
.wyc-model .wyc-model-verify .wyc-verify-item-inline-danger[data-v-0f887898] {
  min-height: 40px;
  display: flex;
  align-items: center;
}
.wyc-model .wyc-model-verify .wyc-verify-item-inline-text-first[data-v-0f887898] {
  min-height: 40px;
  width: 280px;
  margin: 0 12px 0 20px;
  display: flex;
  align-items: center;
}
.wyc-model .wyc-model-verify .wyc-verify-item-inline-text-first span[data-v-0f887898] {
  padding-left: 10px;
  word-break: break-all;
  white-space: normal;
}
.wyc-model .wyc-model-verify .wyc-verify-item-inline-text-last[data-v-0f887898] {
  min-height: 40px;
  width: 140px;
  margin: 0 12px 0 20px;
  display: flex;
  align-items: center;
}
.wyc-model .wyc-model-verify .wyc-verify-item-inline-text-last span[data-v-0f887898] {
  padding-left: 10px;
  word-break: break-all;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.finance-model .finance-model-title[data-v-5b2f993d] {
  font-weight: 700;
  margin: 20px 0 10px 0;
}
.finance-model .must-item[data-v-5b2f993d],
.finance-model .option-item[data-v-5b2f993d] {
  margin-bottom: 12px;
}
.finance-model .finance-model-title[data-v-13b9e0c3] {
  font-weight: 700;
  margin: 20px 0 10px 0;
}
.finance-model .must-item[data-v-13b9e0c3],
.finance-model .option-item[data-v-13b9e0c3] {
  margin-bottom: 12px;
}
.finance-model .finance-model-title[data-v-3ab5e856] {
  font-weight: 700;
  margin: 20px 0 10px 0;
}
.finance-model .must-item[data-v-3ab5e856],
.finance-model .option-item[data-v-3ab5e856] {
  margin-bottom: 12px;
}
.finance-model .finance-model-title[data-v-23f14d23] {
  font-weight: 700;
  margin: 20px 0 10px 0;
}
.finance-model .must-item[data-v-23f14d23],
.finance-model .option-item[data-v-23f14d23] {
  margin-bottom: 12px;
}
.verify-item-title[data-v-4cd51693] {
  font-weight: bold;
}
.verify-table-item[data-v-4cd51693] {
  margin-left: 8px;
}
.finance-model .finance-model-title[data-v-48f021e6] {
  font-weight: 700;
  margin: 20px 0 10px 0;
}
.finance-model .must-item[data-v-48f021e6],
.finance-model .option-item[data-v-48f021e6] {
  margin-bottom: 12px;
}
.my-model .my-model-prompt[data-v-1955e14d] {
  height: 36px;
  display: flex;
  align-items: center;
  margin-bottom: 7px;
  padding-left: 10px;
  background: #fff9e6;
  border-radius: 4px;
  color: #592d00;
}
.my-model .my-model-prompt .my-model-prompt-icon[data-v-1955e14d] {
  color: #f5ba31;
}
.my-model .my-model-verify-order[data-v-1955e14d] {
  margin-top: 15px;
}
.my-model .my-model-order[data-v-1955e14d] {
  margin-bottom: 15px;
}
.my-model .my-model-verify[data-v-1955e14d] {
  min-height: 40px;
  display: flex;
  align-items: center;
  background-color: #f5f5f5;
}
.my-model .my-model-verify .my-model-verify-orderId[data-v-1955e14d] {
  padding-left: 10px;
}
.verify-item-img[data-v-1a6735f6] {
  width: 700px;
}
.verify-item-img .preview-viewer-list-item[data-v-1a6735f6] {
  margin-right: 20px;
}
.verify-item-img .preview-image-item-date[data-v-1a6735f6] {
  font-size: 12px;
  color: #666;
  margin-top: 4px;
}
.verify-detail-title {
  font-size: 16px;
}
.verify-detail-more {
  display: flex;
}
.verify-detail-more div:first-child {
  margin-right: 10px;
}
.verify-detail-gap {
  padding-left: 15px;
}
.verify-detail-base[data-v-3baa5adc], .verify-detail-empty[data-v-3baa5adc], .verify-detail-loading[data-v-3baa5adc] {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 30px;
}
.verify-detail-empty[data-v-3baa5adc] {
  width: 200px;
}
[data-v-3baa5adc] .mtd-modal-mask,[data-v-3baa5adc] .mtd-modal-wrapper {
  z-index: 999 !important;
}
.out-call-icon[data-v-c5c6fe00] {
  display: flex;
  flex-shrink: 0;
  cursor: pointer;
  border-radius: var(--border-radius-1);
}
.out-call-icon[data-v-c5c6fe00]:hover {
  background-color: #e6e7eb;
}
.cs-mtd-popover-rel[data-v-c5c6fe00] {
  line-height: 1;
}
.pane-container[data-v-c5c6fe00] {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 12px;
  height: 32px;
}
.pane-container .pane-container-name[data-v-c5c6fe00] {
  width: 100px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.pane-container .pane-container-logo[data-v-c5c6fe00] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  font-size: 8px;
  color: var(--color-white);
  background-color: #f00b0b;
  border-radius: var(--border-radius-1);
}
.pane-container .pane-secret-name[data-v-c5c6fe00] {
  width: 84px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.pane-container .pane-btn-group[data-v-c5c6fe00] {
  display: flex;
  align-items: center;
  gap: 0 4px;
  margin: 0 8px;
}
.pane-container .pane-out-call-icon[data-v-c5c6fe00] {
  cursor: pointer;
}
.pane-container .out-call-icon-loading[data-v-c5c6fe00] {
  padding: 0;
}
.pane-container .call-rate[data-v-c5c6fe00] {
  margin-left: 8px;
}
.cursor-pointer[data-v-c5c6fe00] {
  cursor: pointer;
}
.out-call-book[data-v-c5c6fe00] {
  display: flex;
  flex-direction: row;
}
.out-call-book .nav[data-v-c5c6fe00] {
  width: 70px;
}
.out-call-book .info[data-v-c5c6fe00] {
  width: 300px;
}
.contact-popover-container[data-v-c5c6fe00] {
  padding: 0;
}
.contact-popover-container .out-call-panel .contact-name[data-v-c5c6fe00],
.contact-popover-container .out-call-panel .contact-num[data-v-c5c6fe00] {
  flex: 1;
  margin-right: 10px;
}
.contact-popover-container .out-call-panel .btn-item[data-v-c5c6fe00] {
  margin-right: 5px;
}
.contact-popover-container .content-tab-pane[data-v-c5c6fe00] {
  font-size: var(--font-size-2);
}
.contact-popover-container .icon-dx[data-v-c5c6fe00] {
  display: inline-block;
  height: 25px;
  width: 25px;
  background: transparent;
  background: url(assets/dx.8bdb96a0b72a559ad33c.png) center no-repeat;
  background-size: 100% auto;
  vertical-align: middle;
}
.contact-popover-container .night-out-call-tips[data-v-c5c6fe00] {
  font-size: var(--font-size-2);
  color: red;
  margin-top: 8px;
  font-weight: var(--font-weight-bold);
}
[data-v-c5c6fe00] .mtd-tabs-nocard.mtd-tabs-left {
  display: block;
}
.mock-oncall-main .row[data-v-3da048ae] {
  display: flex;
  flex-direction: row;
  margin-bottom: 10px;
  justify-content: center;
  align-items: center;
}
.mock-oncall-main .row .left[data-v-3da048ae] {
  margin-right: 10px;
  width: 70px;
  text-align: end;
  white-space: nowrap;
}
.mock-oncall-main .row .right[data-v-3da048ae] {
  width: 240px;
}
.mock-oncall-main .yuqing-item .right[data-v-3da048ae] {
  position: relative;
}
.mock-oncall-main .yuqing-item .right .error-msg[data-v-3da048ae] {
  position: absolute;
  top: 35px;
  left: 0;
  color: red;
}
.mock-oncall-main .test-warning[data-v-3da048ae] {
  font-size: small;
  padding-left: 50px;
  color: red;
}
[data-v-3da048ae] .mock-oncall-footer {
  padding-right: 20px;
  margin-top: 5px;
}
.riskCase-content {
  resize: none !important;
}
.case-oncall-icon {
  cursor: pointer;
}
.service-detail-container[data-v-1cc4ddbe] {
  height: 100%;
  z-index: 0;
}