/** 成功小提示  */
.yt-success-message .el-message__icon {
  color: #00b76e;
  margin-right: 8px;
  font-size: 20px;
}
.yt-success-message p {
  color: #262626 !important;
}
/** 错误小提示  */
.yt-error-message .el-message__icon {
  color: #d96969;
  margin-right: 8px;
  font-size: 20px;
}
.yt-error-message p {
  color: #262626 !important;
}
.yt-warning-message .el-message__icon {
  color: #f7d956;
  margin-right: 8px;
  font-size: 20px;
}
.yt-warning-message p {
  color: #262626 !important;
}
.yt-info-message .el-message__icon {
  color: #1fa1f7;
  margin-right: 8px;
  font-size: 20px;
}
.yt-info-message p {
  color: #262626 !important;
}

.nopermisson-container {
  padding-top: 150px;
  width: 100%;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
}
.nopermisson-container .center-image {
  height: 257px;
  width: 307px;
}
.nopermisson-container .title {
  margin-top: 29px;
  font-size: 16px;
  font-weight: 600;
  text-align: left;
  color: #262626;
  line-height: 22px;
}
.nopermisson-container .descript {
  margin-top: 8px;
  font-size: 14px;
  font-weight: 400;
  text-align: left;
  color: #8c8c8c;
  line-height: 20px;
}
.nopermisson-container .menager-contianer {
  margin-top: 35px;
  width: 870px;
  background: #f1f3f4;
  border-radius: 2px;
}
.nopermisson-container .menager-contianer .single-menager {
  float: left;
  box-sizing: border-box;
  width: 33%;
  padding: 20px;
  font-size: 14px;
  font-weight: 400;
  color: #262626;
  line-height: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.rc-tooltip {
  max-width: 240px;
  opacity: 1;
}
.rc-tooltip > .rc-tooltip-content > .rc-tooltip-arrow {
  border-top-color: #dadada;
}
.rc-tooltip > .rc-tooltip-content > .rc-tooltip-inner {
  color: #262626;
  background-color: #fff;
  padding: 8px 12px;
  border: 1px solid #e9e9e9;
  border-radius: 0;
  box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.13);
}

.yt_echarts_style canvas {
  border-radius: 12px;
}
.yt_echarts_style .yt_echart_tooltip_title {
  display: inline-block;
  padding-bottom: 4px;
  font-size: 14px;
  font-weight: bold;
}

.yt_tooltip_wrapper {
  min-width: 128px;
  color: #262626;
}
.yt_tooltip_wrapper .title_wrapper {
  font-size: 14px;
  font-weight: bold;
  padding: 8px 12px 0;
}
.yt_tooltip_wrapper .content_wrapper {
  max-height: 160px;
  overflow: auto;
  padding-bottom: 8px;
  padding: 0 12px;
  margin: 8px 0;
}
.yt_tooltip_wrapper .footer_wrapper {
  background: #f7f8fa;
  border-top: 1px solid #e5e5e5;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
  padding: 0 8px;
}
.yt_tooltip_wrapper .footer_wrapper .item {
  display: inline-flex;
  align-items: center;
  padding: 7px 8px;
  cursor: pointer;
  transition: all 0.3s;
  color: #8c8c8c;
  font-size: 12px;
}
.yt_tooltip_wrapper .footer_wrapper .item:hover .icon_style,
.yt_tooltip_wrapper .footer_wrapper .item:hover .title_style {
  color: #0847a6;
}
.yt_tooltip_wrapper .footer_wrapper .item .title_style {
  margin-left: 6px;
}
.yt_tooltip_wrapper.yt_new_tooltip_wrapper {
  min-width: 142px;
  color: #8c8c8c;
  font-size: 12px;
}
.yt_tooltip_wrapper.yt_new_tooltip_wrapper .title_wrapper {
  font-size: 12px;
  font-weight: 400;
  color: #262626;
}
.yt_tooltip_wrapper.yt_new_tooltip_wrapper .footer_wrapper {
  background: #f0f2f5;
  border-radius: 0 0 2px 2px;
}
.yt_tooltip_wrapper.yt_new_tooltip_wrapper .footer_wrapper .item:hover .icon_style,
.yt_tooltip_wrapper.yt_new_tooltip_wrapper .footer_wrapper .item:hover .title_style {
  color: #7262fd;
}
.yt_tooltip_wrapper.yt_new_sericeInsisht_tooltip_wrapper {
  width: 156px !important;
  height: 91px !important;
  color: #5a8ef8;
  font-size: 12px;
  border-radius: 2px;
}
.yt_tooltip_wrapper.yt_new_sericeInsisht_tooltip_wrapper .title_wrapper {
  font-size: 12px;
  font-weight: 400;
  color: #262626;
}
.yt_tooltip_wrapper.yt_new_sericeInsisht_tooltip_wrapper .footer_wrapper {
  background: #f0f2f5;
  bottom: 0;
  border-radius: 0 0 2px 2px;
}
.yt_tooltip_wrapper.yt_new_sericeInsisht_tooltip_wrapper .footer_wrapper .item:hover .icon_style,
.yt_tooltip_wrapper.yt_new_sericeInsisht_tooltip_wrapper .footer_wrapper .item:hover .title_style {
  color: #7262fd;
}

.yt_section_component_wrapper {
  position: relative;
  background: white;
}
.yt_section_component_wrapper .section_title {
  position: absolute;
  top: 0;
  z-index: 3;
  width: 100%;
}
.yt_section_component_wrapper .section_content {
  height: 100%;
}
.yt_section_component_wrapper .section_skeleton {
  height: 100%;
  z-index: 4;
  position: absolute;
}
.yt_section_component_wrapper .empty-block,
.yt_section_component_wrapper .error-block {
  height: 100%;
}

.yt-skeleton-wrapper {
  width: 100%;
  background: white;
  padding: 24px;
  border-radius: 12px;
}
.yt-skeleton-wrapper .skeleton-paragraph {
  background-color: #e5e5e5;
  margin: 12px 0;
  height: 14px;
}

.analysis-chart-header-more-button-wrapper {
  display: inline-block;
  position: relative;
  z-index: 1;
}
.analysis-chart-header-more-button-wrapper .button-trigger {
  display: inline-block;
  color: #8c8c8c;
  box-sizing: border-box;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.analysis-chart-header-more-button-wrapper .button-trigger i {
  font-size: 14px;
  font-weight: bold;
}
.analysis-chart-header-more-button-wrapper .button-panel {
  display: none;
  position: absolute;
  top: 25px;
  right: -5px;
  min-width: 80px;
  background: #ffffff;
  padding: 4px 0;
  border-radius: 2px;
  box-shadow: 0px 9px 28px 8px rgba(0, 0, 0, 0.05), 0px 6px 16px 0px rgba(0, 0, 0, 0.08), 0px 3px 6px -4px rgba(0, 0, 0, 0.12);
  font-size: 14px;
  color: #000000;
}
.analysis-chart-header-more-button-wrapper .button-panel.padHover::before,
.analysis-chart-header-more-button-wrapper .button-panel.padHover::after {
  background-color: #f5f4ff;
}
.analysis-chart-header-more-button-wrapper .button-panel::before {
  box-shadow: 0 0 4px 1.2px #cecbcb;
  z-index: -1;
}
.analysis-chart-header-more-button-wrapper .button-panel .panel-item {
  padding: 5px 12px;
  box-sizing: border-box;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  cursor: pointer;
  transition: all 0.3s;
}
.analysis-chart-header-more-button-wrapper .button-panel .panel-item:hover {
  background: #f5f4ff;
  color: #7262fd;
}
.analysis-chart-header-more-button-wrapper .button-panel .panel-item.sel {
  background: #f5f4ff;
  color: #7262fd;
}
.analysis-chart-header-more-button-wrapper .button-panel .panel-item > span {
  display: inline-block;
  width: 100%;
  height: 100%;
}
.analysis-chart-header-more-button-wrapper .button-panel .panel-item-disabled,
.analysis-chart-header-more-button-wrapper .button-panel .panel-item-disabled:hover {
  color: #bfbfbf;
  background: #fff;
}
.analysis-chart-header-more-button-wrapper .active {
  display: block;
}

.yt_chart_title_wrapper {
  padding: 16px 20px 0 20px;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 38px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: nowrap;
}
.yt_chart_title_wrapper .chart_title {
  display: flex;
  align-items: center;
  flex: 1;
  overflow: hidden;
  white-space: nowrap;
}
.yt_chart_title_wrapper .chart_title .ant-tooltip-content {
  white-space: normal;
  white-space: initial;
}
.yt_chart_title_wrapper .chart_title .chart_title_name {
  font-weight: bold;
  text-overflow: ellipsis;
  overflow: hidden;
}
.yt_chart_title_wrapper .chart_title .chart_title_suffix {
  display: inline-block;
  height: 100%;
}
.yt_chart_title_wrapper .chart_title .chart_title_suffix i {
  margin-left: 4px;
  color: #8c8c8c;
  font-size: 14px;
}
.yt_chart_title_wrapper .chart_title_buttons {
  display: flex;
  align-items: center;
}
.yt_chart_title_wrapper .chart_title_buttons .con-position {
  margin-right: 26px;
  position: relative;
}
.yt_chart_title_wrapper .chart_title_buttons .con-position .icon-cem_problem-new {
  color: #8c8c8c;
}
.yt_chart_title_wrapper .chart_title_buttons .con-position::after {
  position: absolute;
  top: 3px;
  right: -18px;
  content: '|';
  font-size: 12px;
  color: #e5e5e5;
}

.single-select-button-wrapper {
  display: inline-flex;
  align-items: center;
  z-index: 10;
}
.single-select-button-wrapper .button_content {
  position: relative;
  z-index: 999;
}
.single-select-button-wrapper .button_content .button-trigger {
  height: 26px;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  color: #8c8c8c;
  padding: 0 8px 0 12px;
  box-sizing: border-box;
  transition: all 0.3s;
  font-weight: bold;
  border-radius: 2px;
  font-size: 14px;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.single-select-button-wrapper .button_content .button-trigger .button-title {
  font-weight: 400;
  white-space: nowrap;
}
.single-select-button-wrapper .button_content .button-trigger i {
  display: inline-block;
  margin-left: 2px;
  font-size: 16px;
  font-weight: bold;
  transform-origin: center center;
  transition: all 0.3s;
}
.single-select-button-wrapper .button_content .button-trigger:hover {
  background: #f0f2f5;
}
.single-select-button-wrapper .button_content .button-trigger.sel {
  color: white;
  background: #61799b;
}
.single-select-button-wrapper .button_content .button-trigger.sel .button-title,
.single-select-button-wrapper .button_content .button-trigger.sel i {
  color: white;
  font-weight: bold;
}
.single-select-button-wrapper .button_content .button-trigger.sel:hover {
  background: #61799b;
}
.single-select-button-wrapper .button_content .button-panel {
  display: none;
  max-height: 240px;
  overflow: auto;
  position: absolute;
  background: white;
  border-radius: 1px;
  border: 1px solid #dadada;
  box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.13);
  top: 50%;
  left: 50%;
  transform: translate(-50%, 18px);
}
.single-select-button-wrapper .button_content .button-panel div.panel-item {
  position: relative;
  color: #262626;
  padding: 6px 16px;
  width: 100%;
  transition: all 0.3s;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  box-sizing: border-box;
  cursor: pointer;
  display: flex;
  align-items: center;
  line-height: 30px;
}
.single-select-button-wrapper .button_content .button-panel div.panel-item:hover {
  background: #f0f2f5;
  color: #0847a6;
}
.single-select-button-wrapper .button_content .button-panel div.panel-item:hover .star_hide {
  display: inline;
  font-size: 12px;
  margin-left: 5px;
}
.single-select-button-wrapper .button_content .button-panel div.panel-item.sel {
  background: #f0f2f5;
  color: #093b88;
}
.single-select-button-wrapper .button_content .button-panel div.panel-item.disabled {
  color: #d5d5d5;
  cursor: not-allowed;
}
.single-select-button-wrapper .button_content .button-panel div.panel-item.disabled:hover {
  color: #d5d5d5;
  background-color: #fff;
}
.single-select-button-wrapper .button_content .button-panel div.panel-item > i {
  color: #d5b437;
  margin-left: 4px;
}
.single-select-button-wrapper .button_content .button-panel div.panel-item > i.choice {
  position: absolute;
  right: 10px;
  top: 14px;
}
.single-select-button-wrapper .button_content .button-panel div.panel-item .star_hide {
  display: none;
  color: #bfbfbf;
}
.single-select-button-wrapper .button_content .active {
  display: block;
}
.single-select-button-wrapper .button_content_disable .button-trigger {
  cursor: not-allowed;
}
.single-select-button-wrapper .button_content_disable .button-trigger:hover {
  background: none;
  color: unset;
}
.single-select-button-wrapper .selPadHover::before,
.single-select-button-wrapper .selPadHover::after {
  background-color: #f0f2f5;
}
.single-select-button_button .button_content .button-trigger {
  background: #f7f8fa;
  height: 32px;
  font-weight: normal;
}
.single-select-button_button .button_content .button-trigger:hover {
  background: #e9eaec;
}
.single-select-button_button .button_content .button-title {
  color: #262626;
}
.single-select-button_button .button_content .button-panel {
  font-weight: normal;
}
.single-select-button_button .button_content .sel {
  color: white;
  background: #61799b;
}
.single-select-button_button .button_content .sel .button-title {
  color: white;
}
.single-select-button_button .button_content .sel:hover {
  background: #61799b;
}
.single_select_diviver_right::after {
  content: '';
  display: inline-block;
  margin-left: 8px;
  margin-right: 8px;
  height: 12px;
  width: 1px;
  background: #e5e5e5;
}
.single_select_diviver_left::before {
  content: '';
  display: inline-block;
  margin-right: 8px;
  margin-left: 8px;
  height: 12px;
  width: 1px;
  background: #e5e5e5;
}
.single_select_diviver_both::before {
  content: '';
  display: inline-block;
  margin-right: 8px;
  margin-left: 8px;
  height: 12px;
  width: 1px;
  background: #e5e5e5;
}
.single_select_diviver_both::after {
  content: '';
  display: inline-block;
  margin-left: 8px;
  margin-right: 8px;
  height: 12px;
  width: 1px;
  background: #e5e5e5;
}
.single_select_white_bg .button-trigger.sel .button-title,
.single_select_white_bg .button-trigger.sel i {
  color: unset !important;
}

.yt_market_bm_analysis_bar_line_in_one_chart {
  height: 528px;
  background: white;
}
.yt_market_bm_analysis_bar_line_in_one_chart .chart_title_buttons > i {
  font-size: 14px;
  margin-right: 20px;
  color: #8c8c8c;
  cursor: pointer;
}
.yt_market_bm_analysis_bar_line_in_one_chart .chart_title_buttons > i.active {
  color: #7262fd;
}
.yt_market_bm_analysis_bar_line_in_one_chart .chart_title_buttons > i:hover {
  color: #7262fd;
}
.yt_market_bm_analysis_bar_line_in_one_chart .analysis-chart-header-more-button-wrapper .button-panel .panel-item:hover {
  color: #7262fd;
}
.yt_market_bm_analysis_bar_line_in_one_chart .zero_switch {
  display: inline-block;
  margin-left: 8px;
  font-weight: bold;
}
.yt_market_bm_analysis_bar_line_in_one_chart .zero_switch .el-checkbox__inner {
  width: 14px;
  height: 14px;
}
.yt_market_bm_analysis_bar_line_in_one_chart .zero_switch .el-checkbox__inner::after {
  height: 6px;
  left: 4px;
  width: 2px;
}
.yt_market_bm_analysis_bar_line_in_one_chart .zero_switch .el-checkbox__label {
  color: #8c8c88;
}
.yt_market_bm_analysis_bar_line_in_one_chart .zero_switch::after {
  content: '';
  display: inline-block;
  margin-left: 12px;
  margin-right: 12px;
  height: 12px;
  width: 1px;
  background: #e5e5e5;
}
.yt_market_bm_analysis_bar_line_in_one_chart .svg-button-wrapper .icon-svg {
  font-size: 18px;
}
.yt_market_bm_analysis_bar_line_in_one_chart .show_data_wrapper {
  position: absolute;
  top: 204px;
  right: 80px;
  color: #8c8c8c;
  font-size: 12px;
  line-height: 20px;
}
.yt_market_bm_analysis_bar_line_in_one_chart .single-select-button-wrapper .button_content .button-trigger {
  padding: unset;
}
.yt_market_bm_analysis_bar_line_in_one_chart .single-select-button-wrapper .button_content .button-trigger .button-title {
  font-weight: 400;
  color: #262626;
}
.yt_market_bm_analysis_bar_line_in_one_chart .single-select-button-wrapper .button_content .button-trigger > i {
  font-weight: 400;
  color: #bfbfbf;
}
.yt_market_bm_analysis_bar_line_in_one_chart .single-select-button-wrapper .button_content .button-trigger.sel {
  background: #fff;
  color: #7262fd;
}
.yt_market_bm_analysis_bar_line_in_one_chart .single-select-button-wrapper .button_content .button-trigger.sel > i {
  transform: rotate(0deg) !important;
}
.yt_market_bm_analysis_bar_line_in_one_chart .single-select-button-wrapper .button_content .button-trigger.sel .button-title {
  color: #7262fd;
}
.yt_market_bm_analysis_bar_line_in_one_chart .single-select-button-wrapper .button_content .button-trigger.sel:hover {
  background: #fff;
  color: #7262fd;
}
.yt_market_bm_analysis_bar_line_in_one_chart .single-select-button-wrapper .button_content .button-trigger .word_icon_hover:hover {
  color: #7262fd;
}
.yt_market_bm_analysis_bar_line_in_one_chart .single-select-button-wrapper .button_content .button-trigger:hover {
  background: #fff;
}
.yt_market_bm_analysis_bar_line_in_one_chart .single-select-button-wrapper .button_content .button-trigger:hover .button-title,
.yt_market_bm_analysis_bar_line_in_one_chart .single-select-button-wrapper .button_content .button-trigger:hover > i {
  color: #7262fd;
}
.yt_market_bm_analysis_bar_line_in_one_chart .single-select-button-wrapper .button_content .button-panel {
  font-weight: 500;
  font-size: 12px;
}
.yt_market_bm_analysis_bar_line_in_one_chart .single-select-button-wrapper .button_content .button-panel .icon-cem_star-filling,
.yt_market_bm_analysis_bar_line_in_one_chart .single-select-button-wrapper .button_content .button-panel .icon-cem_star {
  font-size: 14px;
  color: #7262fd;
  margin-left: 16px;
}
.yt_market_bm_analysis_bar_line_in_one_chart .single-select-button-wrapper .button_content .button-panel .panel-item:hover {
  background-color: #f4f0ff;
  color: #7262fd;
}
.yt_market_bm_analysis_bar_line_in_one_chart .single-select-button-wrapper .button_content .button-panel .panel-item:hover .panel-item-icon {
  color: #7262fd;
}
.yt_market_bm_analysis_bar_line_in_one_chart .single-select-button-wrapper .button_content .button-panel .panel-item:hover .star_hide {
  margin-left: 16px;
}
.yt_market_bm_analysis_bar_line_in_one_chart .single-select-button-wrapper .button_content .button-panel .panel-item.sel {
  background-color: #f4f0ff;
  color: #7262fd;
}
.yt_market_bm_analysis_bar_line_in_one_chart .single-select-button-wrapper .button_content .button-panel .panel-item.sel .panel-item-icon {
  color: #7262fd;
}
.yt_market_bm_analysis_bar_line_in_one_chart .single-select-button-wrapper .button_content .button-panel .panel-item.sel .choice {
  color: #7262fd;
  width: 12px;
  height: 8px;
  position: absolute;
  right: 16px;
  top: 16px;
}
.yt_market_bm_analysis_bar_line_in_one_chart .single-select-button-wrapper .button_content .button-panel .panel-item-icon {
  margin-right: 12px;
  color: #8c8c8c;
  font-size: 14px;
}
.yt_market_bm_analysis_bar_line_in_one_chart .single_select_diviver_right::after {
  margin-left: 16px;
  margin-right: 16px;
}
.yt_market_bm_analysis_bar_line_in_one_chart .set_Top_active .button_content .button-trigger .button-title {
  color: #7262fd;
}

.yt_graph_chart_config_wrapper {
  width: 484px;
}
.yt_graph_chart_config_wrapper .el-dialog__body {
  padding: 32px 64px 0 46px;
}
.yt_graph_chart_config_wrapper .item {
  display: flex;
  margin-bottom: 6px;
}
.yt_graph_chart_config_wrapper .item span {
  flex: 0 0 80px;
  color: #8c8c8c;
  padding-top: 4px;
}
.yt_graph_chart_config_wrapper .item div {
  flex: 1;
}
.yt_graph_chart_config_wrapper .item .tips {
  color: #d96969;
}
.yt_graph_chart_config_wrapper .item .el-input .el-input__inner:hover,
.yt_graph_chart_config_wrapper .item .el-input .el-input__inner:focus {
  border: 1px solid #7262fd;
}
.yt_graph_chart_config_wrapper .el-dialog__footer > button:first-of-type {
  border: 1px solid #e5e5e5;
  border-radius: 4px;
  background: #fff;
  color: #626262;
}
.yt_graph_chart_config_wrapper .el-dialog__footer > button:first-of-type:hover,
.yt_graph_chart_config_wrapper .el-dialog__footer > button:first-of-type.active {
  color: #5249d6;
  border-color: #5249d6;
}
.yt_graph_chart_config_wrapper .el-dialog__footer > button:last-of-type {
  border-radius: 4px;
  background: #7262fd;
  color: #fff;
}
.yt_graph_chart_config_wrapper .el-dialog__footer > button:last-of-type:hover,
.yt_graph_chart_config_wrapper .el-dialog__footer > button:last-of-type.active {
  background: #5249d6;
}

.invalid_word_modal .ant-modal-header {
  padding: 24px;
  border-bottom: none;
}
.invalid_word_modal .ant-modal-header .modal-title {
  display: flex;
  justify-content: flex-start;
}
.invalid_word_modal .ant-modal-header .modal-title .cursor-pointer {
  color: #1890ff;
  padding-left: 16px;
  border-left: 1px solid #d8d8d8;
  margin-left: 16px;
  display: inline-block;
  font-size: 14px;
  height: 22px;
  line-height: 22px;
}
.invalid_word_modal .ant-modal-body {
  padding: 0 24px;
}
.invalid_word_modal .ant-modal-body .ant-checkbox-group {
  line-height: 30px;
}
.invalid_word_modal .ant-modal-body .ant-form .ant-form-item {
  margin-bottom: 16px;
}
.invalid_word_modal .ant-modal-body .ant-form .ant-form-item .ant-form-item-label {
  margin-right: 24px;
}
.invalid_word_modal .ant-modal-body .ant-form .ant-form-item .ant-form-item-label > label {
  color: #8c8c8c;
}
.invalid_word_modal .ant-modal-body .ant-form .ant-form-item .ant-form-item-label > label::after {
  display: none;
}
.invalid_word_modal .ant-modal-body .ant-form .ant-form-item .ant-form-item-control-input {
  min-height: 28px;
}
.invalid_word_modal .ant-modal-footer {
  border-top: none;
  padding: 0 24px 16px;
}
.invalid_word_modal .inline {
  display: inline;
}
.invalid_word_modal .mr-8 {
  margin-right: 8px;
}

.svg-button-wrapper .icon-svg {
  width: 1em;
  height: 1em;
  vertical-align: -0.15em;
  margin: 0 5px;
  fill: currentColor;
  font-size: 22px;
  overflow: hidden;
}
.svg-button-wrapper .micon .hover,
.svg-button-wrapper .micon .active,
.svg-button-wrapper .micon .active-hover,
.svg-button-wrapper .micon:not(.active):hover .default,
.svg-button-wrapper .micon.active .default,
.svg-button-wrapper .micon.active:hover .active {
  opacity: 0;
}
.svg-button-wrapper .micon:not(.active):hover .hover,
.svg-button-wrapper .micon.active .active,
.svg-button-wrapper .micon.active:hover .active-hover {
  opacity: 1;
}

.user {
  position: absolute;
  right: 0;
  top: 0;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  padding-right: 24px;
  height: 46px;
}
.user .wrap {
  cursor: pointer;
  position: relative;
  height: 100%;
  display: flex;
  align-items: center;
}
.user .wrap i {
  color: #8c8c8c;
  font-size: 16px;
}
.user .wrap i:hover,
.user .wrap i:focus,
.user .wrap i:active {
  color: #7262fd;
}
.user .wrap i:hover .unreadCount,
.user .wrap i:focus .unreadCount,
.user .wrap i:active .unreadCount {
  color: #fff;
}
.user .wrap .isFirst {
  color: #f6bd15;
}
.user .wrap .isFirst:hover,
.user .wrap .isFirst:focus,
.user .wrap .isFirst:active {
  color: #f6bd15 !important;
}
.user .wrap .isFirst .ant-popover-arrow {
  border-top-color: #1890ff;
  border-left-color: #1890ff;
}
.user .wrap .isFirst .ant-popover-inner-content {
  padding: 16px;
  width: 320px;
}
.user .wrap .isFirst .update img {
  width: 288px;
  max-height: 288px;
  margin-bottom: 12px;
}
.user .wrap .isFirst .update .update-info {
  font-size: 15px;
  line-height: 24px;
  margin-bottom: 16px;
  color: #fff;
}
.user .wrap .isFirst .update .update-info i {
  color: unset !important;
}
.user .wrap .isFirst .update .update-info ul {
  padding-left: 20px;
  list-style-type: disc;
}
.user .wrap .isFirst .update .update-info ul li {
  list-style-type: disc;
}
.user .wrap .isFirst .update .update-info ol {
  padding-left: 20px;
  list-style-type: decimal;
}
.user .wrap .isFirst .update .update-info ol li {
  list-style-type: decimal;
}
.user .wrap .isFirst .update .update-button {
  text-align: right;
}
.user .wrap .isFirst .update .update-button .ant-btn {
  color: #1890ff;
}
.user .wrap .isFirst .update .update-button .ant-btn:hover,
.user .wrap .isFirst .update .update-button .ant-btn:active {
  background-color: hsla(0, 0%, 100%, 0.8);
  border-color: hsla(0, 0%, 100%, 0.1);
}
.user .wrap .isFirst .update .update-button .ant-btn-primary {
  background: hsla(0, 0%, 100%, 0);
  border-color: #fff;
  color: #fff;
}
.user .wrap .isFirst .update .update-button .ant-btn-primary:hover,
.user .wrap .isFirst .update .update-button .ant-btn-primary:active {
  background: hsla(0, 0%, 100%, 0.15);
}
.user .wrap > div {
  height: 46px;
  margin: 0 5px;
  padding: 0 5px;
  position: relative;
  display: flex;
  align-items: center;
}
.user .wrap > div .portrait {
  width: 32px;
  border-radius: 100%;
}
.user .wrap > div .unreadCount {
  position: absolute;
  min-width: 16px;
  height: 16px;
  text-align: center;
  line-height: 16px;
  top: 0;
  left: 16px;
  margin-right: -5px;
  margin-top: 8px;
  font-size: 9.6px;
  border-radius: 50%;
  background-color: #d46869;
  color: #fff;
}
.user .wrap > div.userinfo .username i {
  display: inline-block;
  font-size: 14px;
  vertical-align: middle;
  margin-left: 7px;
}
.user .wrap > div.userinfo .drop {
  position: absolute;
  right: -7px;
  top: 100%;
  border-radius: 2px;
  z-index: 1002;
}
.user .wrap > div.userinfo .drop ul {
  width: 148px;
  padding: 0;
  list-style: none;
  background: #fff;
  border: 1px solid #dadada;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.2);
  font-size: 14px;
  color: #616161;
  border-radius: 2px;
}
.user .wrap > div.userinfo .drop ul .active_name {
  background: #f3f5f8;
  color: #7262fd;
}
.user .wrap > div.userinfo .drop ul > li {
  height: 40px;
  padding: 0 16px;
  line-height: 40px;
  cursor: pointer;
}
.user .wrap > div.userinfo .drop ul > li:hover {
  background: #f3f5f8;
  color: #7262fd;
}
.user .wrap > div.userinfo .drop ul > li.defaultLi {
  position: relative;
}
.user .wrap > div.userinfo .drop ul > li.defaultLi.switchLi:hover .projectList {
  display: block;
}
.user .wrap > div.userinfo .drop ul > li.defaultLi.switchLi::after {
  position: absolute;
  top: 15.5px;
  right: 16px;
  content: '';
  width: 2px;
  height: 1px;
  border: 4px solid transparent;
  border-left-color: #8c8c8c;
}
.user .wrap > div.userinfo .drop ul > li.defaultLi.switchLi .projectList {
  display: none;
  position: absolute;
  width: 174px;
  top: 0;
  left: -174px;
  margin-top: -1px;
  box-sizing: border-box;
  max-height: 400px;
}
.user .wrap > div.userinfo .drop ul > li.defaultLi.switchLi .projectList .projectList-content {
  width: 100%;
  overflow: hidden;
  text-wrap: nowrap;
  text-overflow: ellipsis;
}
.user .wrap > div.userinfo .drop ul > li.defaultLi.switchLi .projectList li {
  padding: 0 25px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.user .wrap > div.userinfo .drop ul > li.defaultLi.switchLi .projectList li span {
  vertical-align: middle;
}
.user .wrap > div.userinfo .drop ul > li.defaultLi.switchLi .projectList li .project_small_logo {
  width: 14px;
  height: 14px;
  border-radius: 50%;
  vertical-align: middle;
}
.user .wrap > div.userinfo .drop ul > li.defaultLi.switchLi .projectList li .project_small_name {
  margin-left: 8px;
}
.user .wrap > div.userinfo .drop ul > li.defaultLi.switchLi .projectList.versionUl {
  top: 0;
  text-align: center;
}
.user .wrap > div.userinfo .drop ul > li.userName {
  height: 50px;
  line-height: 50px;
  color: black;
  background-color: #f6f6f6;
  font-size: 15px;
  font-weight: bold;
  text-align: center;
  cursor: default;
}
.user .wrap > div.userinfo .drop ul > li.logout {
  height: 50px;
  line-height: 50px;
  box-sizing: border-box;
  border-top: 1px dashed #e5e5e5;
  color: #f08a8a;
}
.user .wrap > div.userinfo .drop ul::after {
  content: '';
  display: block;
  visibility: hidden;
  height: 0;
  clear: both;
}
.user .wrap > div > span:last-of-type {
  font-size: 14px;
  margin-left: 8px;
  margin-right: 2px;
}
.user .wrap > div i.icon-cem_arrow-launches {
  position: relative;
  top: 2px;
  font-size: 20px;
  transition: all 0.3s;
}
.user .wrap > div i.line {
  position: absolute;
  width: 10px;
  height: 10px;
  border-radius: 100%;
  border: 2px solid white;
  top: 4px;
  left: 24px;
}
.user .wrap > div i.line.on-line {
  background: #7ed321;
}
.user .wrap > div i.line.off-line {
  background: #4a4a4a;
}
.user div.message-panel {
  position: absolute;
  right: 22px;
  border: 1px solid #e9e9e9;
  background-color: white;
  box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.13);
}
.user div.message-panel .message-panel-body {
  width: 502px;
  min-height: 144px;
  max-height: 288px;
  font-size: 12px;
  overflow-y: auto;
}
.user div.message-panel .message-panel-body > div.message {
  max-height: 124px;
  padding: 10px 16px;
  display: flex;
  transition: all 0.3s;
}
.user div.message-panel .message-panel-body > div.message a {
  color: #339cff;
}
.user div.message-panel .message-panel-body > div.message:hover {
  background-color: #f7f8fa;
}
.user div.message-panel .message-panel-body > div.message > div {
  height: 100%;
  display: inline-block;
  font-size: 14px;
  line-height: 26px;
  cursor: pointer;
}
.user div.message-panel .message-panel-body > div.message > div .dot {
  width: 6px;
  height: 6px;
  border-radius: 6px;
  background-color: #0847a6;
  position: absolute;
  top: 10px;
}
.user div.message-panel .message-panel-body > div.message > div:first-of-type {
  width: 386px;
  padding-right: 36px;
  position: relative;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  /* autoprefixer: ignore next */
  -webkit-box-orient: vertical;
  /* autoprefixer: on */
  -webkit-line-clamp: 4;
}
.user div.message-panel .message-panel-body > div.message > div:first-of-type.unread {
  color: #262626;
  font-weight: bold;
}
.user div.message-panel .message-panel-body > div.message > div:first-of-type.read {
  color: #8c8c8c;
}
.user div.message-panel .message-panel-body > div.message > div:last-of-type {
  width: 84px;
  color: #8c8c8c;
}
.user div.message-panel .message-panel-body > div.noDataTip {
  height: 144px;
  margin-top: 0;
  line-height: 144px;
  text-align: center;
}
.user div.message-panel .message-panel-footer {
  height: 44px;
  padding: 0 16px;
  border-top: 1px solid #e9e9e9;
}
.user div.message-panel .message-panel-footer > span {
  float: right;
  cursor: pointer;
}
.user div.message-panel .message-panel-footer > span > span {
  height: 100%;
  margin-right: 8px;
  font-size: 14px;
  line-height: 44px;
  color: #8c8c8c;
}
.user div.message-panel .message-panel-footer > span > span:hover {
  color: #626262;
}
.user div.message-panel .message-panel-footer > span > i {
  position: relative;
  top: 1px;
  color: #8c8c8c;
  font-size: 20px;
}

/**
 * base colors
 */
/* font */
/* boder */
.tags_stystm {
  border: 1px solid #1890ff;
  color: #1890ff;
}
.nav {
  min-width: 800px;
  overflow: hidden;
}
.nav .top-menu {
  padding-left: 20px;
}
.nav .top {
  height: 100%;
  width: 100%;
  box-sizing: border-box;
  text-align: left;
  color: black;
  background-color: #fff;
  border-bottom: 1px solid #e5e5e5;
}
.nav .top .logo {
  float: left;
  width: 256px;
  height: 100%;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}
.nav .top .logo a {
  width: 150px;
  height: 88%;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.nav .top .logo a img {
  max-width: 100%;
  max-height: 100%;
  min-width: 30px;
  min-height: 30px;
}
.nav .top .menu-first {
  position: absolute;
  left: 256px;
  height: 100%;
}
.nav .top .menu-first .menu-first-wrap {
  float: left;
}
.nav .top .menu-first .menu-first-wrap .menu-first-item {
  float: left;
  position: relative;
  padding: 0 10px;
  height: 46px;
  line-height: 46px;
  font-size: 14px;
  font-weight: 520;
  display: flex;
  align-items: center;
  color: #626262;
  transition: all 0.3s;
  box-sizing: border-box;
  border-bottom: 3px solid transparent;
  cursor: pointer;
  text-align: center;
}
.nav .top .menu-first .menu-first-wrap .menu-first-item span {
  display: block;
  width: 100%;
  height: 38px;
  padding: 0;
  line-height: 38px;
  border-radius: 4px;
  padding: 0 10px;
}
.nav .top .menu-first .menu-first-wrap .menu-first-item span a {
  display: block;
  width: 100%;
  height: 100%;
}
.nav .top .menu-first .menu-first-wrap .menu-first-item:hover > span {
  background-color: #f8f7ff;
}
.nav .top .menu-first .menu-first-wrap .menu-first-item.sel {
  border-color: #7262fd;
  color: #262626;
}
.nav .top .menu-first .chooseItem {
  position: absolute;
  top: 100%;
  left: 0;
  background: white;
  box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.13);
  border-radius: 2px;
  border: 1px solid;
  padding: 0 0 16px;
  font-size: 14px;
  cursor: default;
  max-height: 350px;
  overflow-y: auto;
  left: 50%;
  transform: translate(-50%);
}
.nav .top .menu-first .chooseItem::-webkit-scrollbar {
  width: 0 !important;
}
.nav .top .menu-first .chooseItem p {
  color: #8c8c8c;
  height: 30px;
  line-height: 30px;
  text-indent: 20px;
  font-size: 12px;
}
.nav .top .menu-first .chooseItem .sel-project-name-show {
  color: #262626;
  height: 30px;
  line-height: 30px;
  text-indent: 20px;
}
.nav .top .menu-first .chooseItem .line {
  width: 100%;
  height: 1px;
  background-color: #e9e9e9;
  margin: 2px 0 8px;
}
.nav .top .menu-first .chooseItem ul {
  height: 100%;
}
.nav .top .menu-first .chooseItem ul li {
  width: 100%;
  height: 30px;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  line-height: 30px;
  cursor: pointer;
  box-sizing: border-box;
}
.nav .top .menu-first .chooseItem ul li span {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: #262626;
}
.nav .top .menu-first .chooseItem ul li i {
  font-size: 18px;
  color: #8c8c8c;
  opacity: 0;
  transition: all 0.3s;
}
.nav .top .menu-first .chooseItem ul li i:hover {
  color: #0847a6;
}
.nav .top .menu-first .chooseItem ul li:hover {
  background: #f7f8fa;
}
.nav .top .menu-first .chooseItem ul li:hover i {
  opacity: 1;
}
.nav .top .menu-first .moreNavItem .chooseItem {
  padding-bottom: 0;
  visibility: hidden;
  border: none;
}
.nav .top .menu-first .moreNavItem .chooseItem li {
  height: 36px;
}
.nav .top .menu-first .moreNavItem .chooseItem li span {
  color: #626262;
}
.nav .top .menu-first .moreNavItem .chooseItem li:hover {
  background: #f0f2f5;
}
.nav .top .menu-first .moreNavItem .chooseItem .sel {
  background: #f0f2f5;
}
.nav .top .menu-first .moreNavItem:hover .chooseItem {
  visibility: visible;
}
.nav .top .menu-first .sub-menu-list-wrap {
  position: relative;
  width: 100%;
}
.nav .top .menu-first .sub-menu-list-wrap:hover .sub-menu-list {
  display: block;
}
.nav .top .menu-first .sub-menu-list-wrap .sub-menu-list {
  display: none;
  position: absolute;
  background: #fff;
  border-radius: 2px;
  box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.2);
  left: 50%;
  transform: translate(-50%);
  top: 43px;
}
.nav .top .menu-first .sub-menu-list-wrap .sub-menu-list::before {
  content: '';
  position: absolute;
  top: -10px;
  left: 0;
  width: 100%;
  height: 10px;
  background-color: transparent;
}
.nav .top .menu-first .sub-menu-list-wrap .sub-menu-list > li {
  height: 34px;
  line-height: 35px;
  min-width: -moz-max-content;
  min-width: max-content;
  padding-left: 20px;
  padding-right: 20px;
}
.nav .top .menu-first .sub-menu-list-wrap .sub-menu-list > li:hover {
  background-color: #f8f7ff;
}
.nav .top .panel-warp {
  position: absolute;
  top: 46px;
  right: 210px;
  width: 65vw;
  min-height: 364px;
  opacity: 1;
  background: #fff;
  box-shadow: 0 5px 4px 0 rgba(0, 0, 0, 0.04), 0 5px 8px 0 rgba(0, 0, 0, 0.2);
  padding: 24px;
  padding-right: 16px;
  margin: 0;
  flex-direction: column;
  align-items: normal;
  height: auto;
  cursor: default;
  z-index: 100;
}
@media screen and (min-width: 1600px) {
  .nav .top .panel-warp {
    width: 76vw;
  }
}
.nav .top .panel-warp .search {
  border-radius: 2px;
  width: 540px;
}
.nav .top .panel-warp .search input {
  height: 32px;
  font-size: 12px;
  padding: 6px 8px;
  width: 540px;
}
.nav .top .panel-warp .search input::-webkit-input-placeholder {
  color: #bfbfbf;
}
.nav .top .panel-warp .search .ant-input-group-addon {
  display: none;
}
.nav .top .panel-warp .panel {
  margin-top: 24px;
}
.nav .top .panel-warp .panel .panel-title {
  font-size: 14px;
  font-family: PingFangSC;
  font-weight: 600;
  margin-bottom: 8px;
}
.nav .top .panel-warp .panel .panel-body {
  display: flex;
  max-height: 26vw;
  overflow-y: scroll;
}
.nav .top .panel-warp .panel .panel-body .panel-item {
  border: 1px solid #e5e5e5;
  border-radius: 2px;
  height: 28px;
  line-height: 28px;
  padding: 0 10px;
  min-width: 140px;
  cursor: pointer;
  text-align: center;
  margin-right: 8px;
  margin-top: 8px;
}

@font-face {
  font-family: 'ali-icon';
  /* project id 688053 */
  src: url('//at.alicdn.com/t/font_688053_nbchcqbcyq.eot');
  src: url('//at.alicdn.com/t/font_688053_nbchcqbcyq.eot?#iefix') format('embedded-opentype'), url('//at.alicdn.com/t/font_688053_nbchcqbcyq.woff') format('woff'), url('//at.alicdn.com/t/font_688053_nbchcqbcyq.ttf') format('truetype'), url('//at.alicdn.com/t/font_688053_nbchcqbcyq.svg#cemiconfont') format('svg');
}
.cem-icon {
  font-family: "ali-icon" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0.2px;
  -moz-osx-font-smoothing: grayscale;
}
.cem-icon-zhengque:before {
  content: "\E796";
}
.cem-icon-lock:before {
  content: "\E709";
}
.cem-icon-unlock:before {
  content: "\E73B";
}
.cem-icon-wxbbiaowang:before {
  content: "\E619";
}
.cem-icon-wxbzhanghu:before {
  content: "\E61E";
}
.cem-icon-wxbzhuye:before {
  content: "\E61F";
}
.cem-icon-iconfontmingpian:before {
  content: "\E629";
}
.cem-icon-iconfonthuagongyuanliao:before {
  content: "\E63E";
}
.cem-icon-iconfonttongzhuangmuying:before {
  content: "\E63F";
}
.cem-icon-rili:before {
  content: "\E642";
}
.cem-icon-all:before {
  content: "\E68D";
}
.cem-icon-chart:before {
  content: "\E61D";
}
.cem-icon-set:before {
  content: "\E690";
}
.cem-icon-account:before {
  content: "\E6A3";
}
.cem-icon-bangzhu:before {
  content: "\E73A";
}
.cem-icon-trash_fill:before {
  content: "\E738";
}
.cem-icon-other:before {
  content: "\E714";
}
.cem-icon-trash_fill:before {
  content: "\E738";
}
/** 定义需要遍历的对象 */
.mt-5 {
  margin-top: 5px !important;
}
.mr-5 {
  margin-right: 5px !important;
}
.mb-5 {
  margin-bottom: 5px !important;
}
.ml-5 {
  margin-left: 5px !important;
}
.m-5 {
  margin: 5px !important;
}
.mx-5 {
  margin-left: 5px !important;
  margin-right: 5px !important;
}
.my-5 {
  margin-top: 5px !important;
  margin-bottom: 5px !important;
}
.pt-5 {
  padding-top: 5px !important;
}
.pr-5 {
  padding-right: 5px !important;
}
.pb-5 {
  padding-bottom: 5px !important;
}
.pl-5 {
  padding-left: 5px !important;
}
.p-5 {
  padding: 5px !important;
}
.px-5 {
  padding-left: 5px !important;
  padding-right: 5px !important;
}
.py-5 {
  padding-top: 5px !important;
  padding-bottom: 5px !important;
}
.mt-8 {
  margin-top: 8px !important;
}
.mr-8 {
  margin-right: 8px !important;
}
.mb-8 {
  margin-bottom: 8px !important;
}
.ml-8 {
  margin-left: 8px !important;
}
.m-8 {
  margin: 8px !important;
}
.mx-8 {
  margin-left: 8px !important;
  margin-right: 8px !important;
}
.my-8 {
  margin-top: 8px !important;
  margin-bottom: 8px !important;
}
.pt-8 {
  padding-top: 8px !important;
}
.pr-8 {
  padding-right: 8px !important;
}
.pb-8 {
  padding-bottom: 8px !important;
}
.pl-8 {
  padding-left: 8px !important;
}
.p-8 {
  padding: 8px !important;
}
.px-8 {
  padding-left: 8px !important;
  padding-right: 8px !important;
}
.py-8 {
  padding-top: 8px !important;
  padding-bottom: 8px !important;
}
.mt-10 {
  margin-top: 10px !important;
}
.mr-10 {
  margin-right: 10px !important;
}
.mb-10 {
  margin-bottom: 10px !important;
}
.ml-10 {
  margin-left: 10px !important;
}
.m-10 {
  margin: 10px !important;
}
.mx-10 {
  margin-left: 10px !important;
  margin-right: 10px !important;
}
.my-10 {
  margin-top: 10px !important;
  margin-bottom: 10px !important;
}
.pt-10 {
  padding-top: 10px !important;
}
.pr-10 {
  padding-right: 10px !important;
}
.pb-10 {
  padding-bottom: 10px !important;
}
.pl-10 {
  padding-left: 10px !important;
}
.p-10 {
  padding: 10px !important;
}
.px-10 {
  padding-left: 10px !important;
  padding-right: 10px !important;
}
.py-10 {
  padding-top: 10px !important;
  padding-bottom: 10px !important;
}
.mt-15 {
  margin-top: 15px !important;
}
.mr-15 {
  margin-right: 15px !important;
}
.mb-15 {
  margin-bottom: 15px !important;
}
.ml-15 {
  margin-left: 15px !important;
}
.m-15 {
  margin: 15px !important;
}
.mx-15 {
  margin-left: 15px !important;
  margin-right: 15px !important;
}
.my-15 {
  margin-top: 15px !important;
  margin-bottom: 15px !important;
}
.pt-15 {
  padding-top: 15px !important;
}
.pr-15 {
  padding-right: 15px !important;
}
.pb-15 {
  padding-bottom: 15px !important;
}
.pl-15 {
  padding-left: 15px !important;
}
.p-15 {
  padding: 15px !important;
}
.px-15 {
  padding-left: 15px !important;
  padding-right: 15px !important;
}
.py-15 {
  padding-top: 15px !important;
  padding-bottom: 15px !important;
}
.mt-16 {
  margin-top: 16px !important;
}
.mr-16 {
  margin-right: 16px !important;
}
.mb-16 {
  margin-bottom: 16px !important;
}
.ml-16 {
  margin-left: 16px !important;
}
.m-16 {
  margin: 16px !important;
}
.mx-16 {
  margin-left: 16px !important;
  margin-right: 16px !important;
}
.my-16 {
  margin-top: 16px !important;
  margin-bottom: 16px !important;
}
.pt-16 {
  padding-top: 16px !important;
}
.pr-16 {
  padding-right: 16px !important;
}
.pb-16 {
  padding-bottom: 16px !important;
}
.pl-16 {
  padding-left: 16px !important;
}
.p-16 {
  padding: 16px !important;
}
.px-16 {
  padding-left: 16px !important;
  padding-right: 16px !important;
}
.py-16 {
  padding-top: 16px !important;
  padding-bottom: 16px !important;
}
.mt-20 {
  margin-top: 20px !important;
}
.mr-20 {
  margin-right: 20px !important;
}
.mb-20 {
  margin-bottom: 20px !important;
}
.ml-20 {
  margin-left: 20px !important;
}
.m-20 {
  margin: 20px !important;
}
.mx-20 {
  margin-left: 20px !important;
  margin-right: 20px !important;
}
.my-20 {
  margin-top: 20px !important;
  margin-bottom: 20px !important;
}
.pt-20 {
  padding-top: 20px !important;
}
.pr-20 {
  padding-right: 20px !important;
}
.pb-20 {
  padding-bottom: 20px !important;
}
.pl-20 {
  padding-left: 20px !important;
}
.p-20 {
  padding: 20px !important;
}
.px-20 {
  padding-left: 20px !important;
  padding-right: 20px !important;
}
.py-20 {
  padding-top: 20px !important;
  padding-bottom: 20px !important;
}
.mt-24 {
  margin-top: 24px !important;
}
.mr-24 {
  margin-right: 24px !important;
}
.mb-24 {
  margin-bottom: 24px !important;
}
.ml-24 {
  margin-left: 24px !important;
}
.m-24 {
  margin: 24px !important;
}
.mx-24 {
  margin-left: 24px !important;
  margin-right: 24px !important;
}
.my-24 {
  margin-top: 24px !important;
  margin-bottom: 24px !important;
}
.pt-24 {
  padding-top: 24px !important;
}
.pr-24 {
  padding-right: 24px !important;
}
.pb-24 {
  padding-bottom: 24px !important;
}
.pl-24 {
  padding-left: 24px !important;
}
.p-24 {
  padding: 24px !important;
}
.px-24 {
  padding-left: 24px !important;
  padding-right: 24px !important;
}
.py-24 {
  padding-top: 24px !important;
  padding-bottom: 24px !important;
}
.mt-25 {
  margin-top: 25px !important;
}
.mr-25 {
  margin-right: 25px !important;
}
.mb-25 {
  margin-bottom: 25px !important;
}
.ml-25 {
  margin-left: 25px !important;
}
.m-25 {
  margin: 25px !important;
}
.mx-25 {
  margin-left: 25px !important;
  margin-right: 25px !important;
}
.my-25 {
  margin-top: 25px !important;
  margin-bottom: 25px !important;
}
.pt-25 {
  padding-top: 25px !important;
}
.pr-25 {
  padding-right: 25px !important;
}
.pb-25 {
  padding-bottom: 25px !important;
}
.pl-25 {
  padding-left: 25px !important;
}
.p-25 {
  padding: 25px !important;
}
.px-25 {
  padding-left: 25px !important;
  padding-right: 25px !important;
}
.py-25 {
  padding-top: 25px !important;
  padding-bottom: 25px !important;
}
.mt-30 {
  margin-top: 30px !important;
}
.mr-30 {
  margin-right: 30px !important;
}
.mb-30 {
  margin-bottom: 30px !important;
}
.ml-30 {
  margin-left: 30px !important;
}
.m-30 {
  margin: 30px !important;
}
.mx-30 {
  margin-left: 30px !important;
  margin-right: 30px !important;
}
.my-30 {
  margin-top: 30px !important;
  margin-bottom: 30px !important;
}
.pt-30 {
  padding-top: 30px !important;
}
.pr-30 {
  padding-right: 30px !important;
}
.pb-30 {
  padding-bottom: 30px !important;
}
.pl-30 {
  padding-left: 30px !important;
}
.p-30 {
  padding: 30px !important;
}
.px-30 {
  padding-left: 30px !important;
  padding-right: 30px !important;
}
.py-30 {
  padding-top: 30px !important;
  padding-bottom: 30px !important;
}
.text-12 {
  font-size: 12px !important;
}
.text-14 {
  font-size: 14px !important;
}
.text-16 {
  font-size: 16px !important;
}
.text-24 {
  font-size: 24px !important;
}
.font-medium {
  font-weight: 500;
}
.flex {
  display: flex;
}
.flex-1 {
  flex: 1 1 0%;
}
.justify-center {
  justify-content: center;
}
.justify-end {
  justify-content: flex-end;
}
.items-center {
  align-items: center;
}
.items-start {
  align-items: flex-start;
}
.items-end {
  align-items: flex-end;
}
.flex-wrap {
  flex-wrap: wrap;
}
.flex-center {
  display: flex;
  justify-content: center;
  align-items: center;
}
.flex-row {
  flex-direction: row;
}
.flex-col {
  flex-direction: column;
}
.h-full {
  height: 100%;
}
.absolute {
  position: absolute;
}
.relative {
  position: relative;
}
.text-center {
  text-align: center;
}
.w-full {
  width: 100%;
}
.bg-white {
  background-color: white;
}
.cursor-pointer {
  cursor: pointer!important;
}
/** 颜色类 */
.color-tip {
  color: #8c8c8c;
}
.color-title {
  color: #262626 !important;
}
.color-error {
  color: #f08a8a;
}
.color-placeholder {
  color: #bfbfbf;
}
.color-content {
  color: #626262;
}
.g-tabs {
  height: 100%;
}
.g-tabs .ant-tabs-tab {
  margin: 3px 24px;
}
.g-tabs .ant-tabs-content {
  height: 100%;
}
.w-12 {
  width: 12px!important;
  min-width: 12px!important;
}
.h-12 {
  height: 12px!important;
  min-height: 12px!important;
}
.w-15 {
  width: 15px!important;
  min-width: 15px!important;
}
.h-15 {
  height: 15px!important;
  min-height: 15px!important;
}
.float-right {
  float: right;
}
.float-left {
  float: left;
}
.float-none {
  float: none;
}
.g-confirm-modal.hide-btn .ant-modal-confirm-btns {
  display: none;
}
.g-confirm-modal .ant-modal-confirm-body .ant-modal-confirm-title {
  font-weight: bold;
}
.icon-bianji {
  color: #8c8c8c;
  cursor: pointer;
}
.icon-bianji:hover {
  color: #7262fd;
}
.icon-cem_delete-indicator-tree {
  color: #8c8c8c;
  cursor: pointer;
}
.icon-cem_delete-indicator-tree:hover {
  color: #f08a8a;
}
.ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.ellipsis-2 {
  word-break: break-all;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.ellipsis-3 {
  word-break: break-all;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}
.overflow-scroll {
  overflow: scroll;
}
.ant-table-thead > tr > th:not(:last-child):not(.ant-table-selection-column):not(.ant-table-row-expand-icon-cell):not([colspan])::before {
  display: none!important;
}
.ant-form-item-label > label .ant-form-item-tooltip {
  margin-left: 4px !important;
  color: #8c8c8c !important;
}
[class^='icon-'],
[class*=' icon-'] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'iconfont' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-feature-settings: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
body {
  font-family: -apple-system, BlinkMacSystemFont, Helvetica Neue, PingFang SC, Microsoft YaHei, Source Han Sans SC, Noto Sans CJK SC, WenQuanYi Micro Hei, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
ul,
ol {
  list-style: none;
}
button,
input,
select,
textarea {
  font-size: 100%;
  outline: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
input {
  outline: none;
}
i {
  font-style: normal;
}
a {
  color: inherit;
  text-decoration: none;
}
a:hover {
  color: inherit;
  text-decoration: none;
}
button {
  border: none;
  background: none;
  outline: none;
  cursor: pointer;
}
.ellipsis {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  display: block;
}
/* 清除浮动 */
.clearfix {
  *zoom: 1;
}
.clearfix::before,
.clearfix::after {
  display: block;
  content: '';
  height: 0;
  visibility: hidden;
  overflow: hidden;
}
.clearfix::after {
  clear: both;
}
.f_l {
  float: left;
}
.f_r {
  float: right;
}
.el-message {
  z-index: 1050;
}
.wt-modal-dialog {
  background: #fff;
  border: 1px solid #979797;
  border-radius: 4px;
}
.wt-modal-dialog .wt-modal-header {
  border-radius: 4px 4px 0 0;
  background: #fff;
  border: none;
  color: #000;
  font-weight: bold;
}
.cem-btn {
  background: #1890ff;
  border-radius: 4px;
  width: 65px;
  height: 32px;
  line-height: 32px;
  text-align: center;
  color: #fff;
}
.el-dialog .el-icon-close {
  font-weight: 100;
  font-size: 10px;
  color: #e1e1e1;
}
.el-dialog .el-button--default {
  background: #ebebeb;
}
::-webkit-scrollbar {
  width: 6px;
  height: 6px;
  -webkit-transition: width 0.3s;
  transition: width 0.3s;
}
::-webkit-scrollbar-thumb {
  border-radius: 5px;
  box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
  background-color: rgba(151, 168, 190, 0.3);
}
::-webkit-scrollbar-track {
  border-radius: 0;
}
.operation_columns {
  color: #0747a6;
  cursor: pointer;
  margin-right: 20px;
}
.yt-feedback-read-more {
  color: #0847a6;
  transition: all 0.3s;
  cursor: pointer;
}
.yt-feedback-read-more:hover {
  color: #093b88 !important;
}
.yt-new-feedback-read-more {
  color: #7262fd;
  transition: all 0.3s;
  cursor: pointer;
}
.yt-new-feedback-read-more:hover {
  color: #7262fd !important;
}
.custom-tag-popver {
  max-width: 350px;
}
.tags_addBtn {
  width: auto;
  height: 24px;
  background: #fff;
  border: 1px solid #e5e5e5;
  border-radius: 4px;
  font-size: 12px;
  font-weight: 400;
  color: #262626;
  display: inline-flex;
  align-items: center;
  box-sizing: border-box;
}
.tags_addBtn:hover {
  border: 1px solid #7262fd !important;
  color: #7262fd !important;
}
.tags_addBtn:hover .icon-cem_add-to {
  color: #7262fd !important;
}
.tags_addBtn .icon-cem_add-to {
  color: #8c8c8c;
  font-size: 10px;
  margin-right: 6px;
  font-weight: bold;
}
.icon-svg {
  width: 1em;
  height: 1em;
  vertical-align: -0.15em;
  fill: currentColor;
  overflow: hidden;
}
.wrap_mark_hide_scroll {
  overflow: hidden !important;
}
.ant-select-dropdown-auto {
  width: auto !important;
}
.popover_auto {
  max-width: inherit !important;
}
.popover_auto .ant-popover-inner-content,
.popover_auto .ant-tooltip-inner {
  white-space: nowrap;
}
.aspect-escore {
  display: inline-block;
  border-radius: 12px;
  padding: 2px;
  padding-right: 8px;
  line-height: 20px;
  font-size: 12px;
  color: #262626;
  transition: all 0.18s;
  cursor: pointer;
}
.aspect-escore i {
  display: inline-block;
  width: 20px;
  height: 20px;
  line-height: 20px;
  margin-right: 4px;
  text-align: center;
  border-radius: 50%;
  background: rgba(255,255,255,0.8);
}
.aspect-escore.icon-hidden {
  padding: 2px 8px;
}
.aspect-escore.disable {
  color: #bfbfbf;
  cursor: not-allowed;
}
.aspect-escore.disableHover {
  cursor: default;
}
.aspect-escore.delete {
  text-decoration: line-through;
}
.aspect-escore0 {
  background-color: rgba(147, 159, 173, 0.16);
}
.aspect-escore0:not(.disable):not(.disableHover).active,
.aspect-escore0:not(.disable):not(.disableHover):hover,
.aspect-escore0:not(.disable):not(.disableHover).hover {
  color: #ffffff;
  background-color: #939fad;
}
.aspect-escore3 {
  background-color: rgba(246, 108, 108, 0.16);
}
.aspect-escore3:not(.disable):not(.disableHover).active,
.aspect-escore3:not(.disable):not(.disableHover):hover,
.aspect-escore3:not(.disable):not(.disableHover).hover {
  color: #ffffff;
  background-color: #f66c6c;
}
.aspect-escore5 {
  background-color: rgba(66, 163, 245, 0.16);
}
.aspect-escore5:not(.disable):not(.disableHover).active,
.aspect-escore5:not(.disable):not(.disableHover):hover,
.aspect-escore5:not(.disable):not(.disableHover).hover {
  color: #ffffff;
  background-color: #42a3f5;
}
.aspect-escore8 {
  background-color: rgba(46, 199, 152, 0.16);
}
.aspect-escore8:not(.disable):not(.disableHover).active,
.aspect-escore8:not(.disable):not(.disableHover):hover,
.aspect-escore8:not(.disable):not(.disableHover).hover {
  color: #ffffff;
  background-color: #24bd8e;
}
.chart_title_buttons a {
  color: unset;
}
/**
 * base colors
 */
/* font */
/* boder */
.tags_stystm {
  border: 1px solid #1890ff;
  color: #1890ff;
}
#app {
  display: flex;
  flex-direction: column;
}
#app .yt-site-alert {
  min-width: 384px;
  flex: none;
}
#app .yt-site-alert .ant-notification-notice-description a {
  color: #1890ff !important;
}
#app .yt-site-alert .ant-notification-notice-description a:hover {
  opacity: 0.7;
}
#app .yt_layout {
  flex-grow: 1;
  flex-shrink: 1;
}
#app,
.container {
  width: 100%;
  height: 100%;
  transition: all 0.3s;
  background: linear-gradient(180deg, #ebf2ff, #f7f9fc 54%);
}
#app .yt_navbar_more:hover,
.container .yt_navbar_more:hover {
  background: none;
}
#app.dark .yt_layout,
.container.dark .yt_layout {
  background: #21284d;
}
#app.dark .yt_layout .yt_layout_content,
.container.dark .yt_layout .yt_layout_content {
  background-color: #fff;
  border-radius: 12px;
  margin-right: 12px;
  padding: 0 12px;
  width: inherit;
}
#app.dark .yt_layout .yt_layout_content > .ant-spin-spinning,
.container.dark .yt_layout .yt_layout_content > .ant-spin-spinning {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  width: 100%;
}
#app.dark .yt_layout .yt_layout_sidebar,
.container.dark .yt_layout .yt_layout_sidebar,
#app.dark .yt_layout .yt_navbar_logo,
.container.dark .yt_layout .yt_navbar_logo {
  color: #fff;
}
#app.dark .yt_layout .yt_layout_sidebar > p,
.container.dark .yt_layout .yt_layout_sidebar > p,
#app.dark .yt_layout .yt_navbar_logo > p,
.container.dark .yt_layout .yt_navbar_logo > p {
  white-space: nowrap;
}
#app.dark .yt_sidebar_menu,
.container.dark .yt_sidebar_menu {
  height: calc(100% - 56px);
}
#app.dark .yt_sidebar_menu,
.container.dark .yt_sidebar_menu,
#app.dark .yt_navbar_menu_name,
.container.dark .yt_navbar_menu_name,
#app.dark .yt_navbar_more,
.container.dark .yt_navbar_more,
#app.dark .yt_sidebar_fold_menu,
.container.dark .yt_sidebar_fold_menu {
  color: rgba(255, 255, 255, 0.75);
}
#app.dark .yt_navbar_menu .active .yt_navbar_menu_name,
.container.dark .yt_navbar_menu .active .yt_navbar_menu_name {
  color: #fff;
}
#app.dark .yt_navbar_menu li:hover .yt_navbar_menu_name,
.container.dark .yt_navbar_menu li:hover .yt_navbar_menu_name,
#app.dark .yt_navbar_more li:hover .yt_navbar_menu_name,
.container.dark .yt_navbar_more li:hover .yt_navbar_menu_name {
  color: #fff !important;
  border-color: transparent;
  background-color: rgba(255, 255, 255, 0.1);
}
#app.dark .yt_navbar_menu .yt_navbar_more_name,
.container.dark .yt_navbar_menu .yt_navbar_more_name,
#app.dark .yt_navbar_more .yt_navbar_more_name,
.container.dark .yt_navbar_more .yt_navbar_more_name {
  white-space: nowrap;
}
#app.dark .yt_sidebar_menu_list,
.container.dark .yt_sidebar_menu_list {
  gap: 0px;
}
#app.dark .yt_sidebar_menu_item .yt_sidebar_menu_name.active,
.container.dark .yt_sidebar_menu_item .yt_sidebar_menu_name.active {
  color: #fff;
}
#app.dark .yt_sidebar_menu_item .yt_sidebar_menu_name.active::after,
.container.dark .yt_sidebar_menu_item .yt_sidebar_menu_name.active::after {
  background-color: #fff;
}
#app.dark .yt_sidebar_menu_item .yt_sidebar_menu_name.active,
.container.dark .yt_sidebar_menu_item .yt_sidebar_menu_name.active,
#app.dark .yt_sidebar_menu_item .yt_sidebar_menu_name:hover,
.container.dark .yt_sidebar_menu_item .yt_sidebar_menu_name:hover,
#app.dark .yt_sidebar_fold_menu:hover,
.container.dark .yt_sidebar_fold_menu:hover {
  background-color: rgba(255,255,255,0.05882);
}
#app .nav,
.container .nav {
  overflow: unset;
  line-height: normal;
  box-sizing: border-box;
  transition: all 0.3s;
  width: 100%;
  height: 46px;
  position: absolute;
  z-index: 1000;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
#app .nav.is-fullscreen,
.container .nav.is-fullscreen {
  transform: translateY(-200%);
}
#app .bottom-container,
.container .bottom-container {
  position: absolute;
  left: 0;
  top: 46px;
  right: 0;
  bottom: 0;
  height: calc(100% - 46px);
  transition: all 0.3s;
  overflow: auto;
}
#app .bottom-container.is-fullscreen,
.container .bottom-container.is-fullscreen {
  height: 100%;
  position: unset;
}
#app .bottom-container.is-fullscreen .yt_business_insight_tag_detail_wrapper > .content,
.container .bottom-container.is-fullscreen .yt_business_insight_tag_detail_wrapper > .content {
  padding: 0;
}
#app .bottom-container.is-fullscreen .filter_condition_wrapper,
.container .bottom-container.is-fullscreen .filter_condition_wrapper {
  display: none;
}
#app .bottom-container.is-fullscreen .detailChart,
.container .bottom-container.is-fullscreen .detailChart {
  display: none;
}
#app .bottom-container.is-fullscreen .message-top,
.container .bottom-container.is-fullscreen .message-top {
  display: none;
}
#app .bottom-container.is-fullscreen .message-detail-wrapper,
.container .bottom-container.is-fullscreen .message-detail-wrapper {
  margin: 0 !important;
  height: calc(100vh - 40px);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
#app .bottom-container .mainContent,
.container .bottom-container .mainContent {
  width: 100%;
  height: 100%;
  font-size: 14px;
}
.yt-site-alert {
  min-width: 384px;
}
.yt-site-alert .ant-notification-notice-description a {
  color: #1890ff !important;
}
.yt-site-alert .ant-notification-notice-description a:hover {
  opacity: 0.7;
}

@charset "UTF-8";
.el-breadcrumb:after,
.el-breadcrumb:before,
.el-button-group:after,
.el-button-group:before,
.el-form-item:after,
.el-form-item:before,
.el-form-item__content:after,
.el-form-item__content:before {
  display: table;
  content: '';
}
.el-breadcrumb:after,
.el-button-group:after,
.el-color-dropdown__main-wrapper::after,
.el-dialog__header:after,
.el-form-item:after,
.el-form-item__content:after,
.el-menu:after,
.el-picker-panel__body-wrapper::after,
.el-picker-panel__body::after,
.el-row:after,
.el-slider:after,
.el-tabs {
  clear: both;
}
.el-checkbox-button__original,
.el-pagination--small .arrow.disabled,
.el-table .hidden-columns,
.el-table td.is-hidden > *,
.el-table th.is-hidden > *,
.el-table--hidden {
  visibility: hidden;
}
.el-autocomplete-suggestion.is-loading li:after {
  display: inline-block;
  content: '';
  height: 100%;
  vertical-align: middle;
}
.el-dialog__header:after,
.el-dialog__header:before {
  display: table;
  content: '';
}
@font-face {
  font-family: element-icons;
  src: url(/font/da1319c2592661c73dc6.woff?t=1472440741) format('woff'), url(/font/1f3c0d8c6135ee16441c.ttf?t=1472440741) format('truetype');
  font-weight: 400;
  font-style: normal;
}
[class*=' el-icon-'],
[class^='el-icon-'] {
  font-family: element-icons !important;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-feature-settings: normal;
  font-variant: normal;
  text-transform: none;
  vertical-align: baseline;
  display: inline-block;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.el-icon-arrow-down:before {
  content: '\E600';
}
.el-icon-arrow-left:before {
  content: '\E601';
}
.el-icon-arrow-right:before {
  content: '\E602';
}
.el-icon-arrow-up:before {
  content: '\E603';
}
.el-icon-caret-bottom:before {
  content: '\E604';
}
.el-icon-caret-left:before {
  content: '\E605';
}
.el-icon-caret-right:before {
  content: '\E606';
}
.el-icon-caret-top:before {
  content: '\E607';
}
.el-icon-check:before {
  content: '\E608';
}
.el-icon-circle-check:before {
  content: '\E609';
}
.el-icon-circle-close:before {
  content: '\E60A';
}
.el-icon-circle-cross:before {
  content: '\E60B';
}
.el-icon-close:before {
  content: '\E60C';
}
.el-icon-upload:before {
  content: '\E60D';
}
.el-icon-d-arrow-left:before {
  content: '\E60E';
}
.el-icon-d-arrow-right:before {
  content: '\E60F';
}
.el-icon-d-caret:before {
  content: '\E610';
}
.el-icon-date:before {
  content: '\E611';
}
.el-icon-delete:before {
  content: '\E612';
}
.el-icon-document:before {
  content: '\E613';
}
.el-icon-edit:before {
  content: '\E614';
}
.el-icon-information:before {
  content: '\E615';
}
.el-icon-loading:before {
  content: '\E616';
}
.el-icon-menu:before {
  content: '\E617';
}
.el-icon-message:before {
  content: '\E618';
}
.el-icon-minus:before {
  content: '\E619';
}
.el-icon-more:before {
  content: '\E61A';
}
.el-icon-picture:before {
  content: '\E61B';
}
.el-icon-plus:before {
  content: '\E61C';
}
.el-icon-search:before {
  content: '\E61D';
}
.el-icon-setting:before {
  content: '\E61E';
}
.el-icon-share:before {
  content: '\E61F';
}
.el-icon-star-off:before {
  content: '\E620';
}
.el-icon-star-on:before {
  content: '\E621';
}
.el-icon-time:before {
  content: '\E622';
}
.el-icon-warning:before {
  content: '\E623';
}
.el-icon-delete2:before {
  content: '\E624';
}
.el-icon-upload2:before {
  content: '\E627';
}
.el-icon-view:before {
  content: '\E626';
}
.el-icon-loading {
  animation: rotating 1s linear infinite;
}
.el-icon--right {
  margin-left: 5px;
}
.el-icon--left {
  margin-right: 5px;
}
@keyframes rotating {
  0% {
    transform: rotateZ(0);
  }
  100% {
    transform: rotateZ(360deg);
  }
}
.el-pagination {
  white-space: nowrap;
  padding: 2px 5px;
  color: #48576a;
}
.el-pagination:after,
.el-pagination:before {
  display: table;
  content: '';
}
.el-pagination:after {
  clear: both;
}
.el-pagination button,
.el-pagination span {
  display: inline-block;
  font-size: 14px;
  min-width: 28px;
  height: 26px;
  line-height: 26px;
  vertical-align: top;
  box-sizing: border-box;
}
.el-pagination .el-select .el-input {
  width: 90px;
}
.el-pagination .el-select .el-input input {
  padding-right: 25px;
  border-radius: 2px;
  height: 26px;
}
.el-pagination button {
  border: none;
  padding: 0 6px;
  background: 0 0;
}
.el-pagination button:focus {
  outline: 0;
}
.el-pagination button:hover {
  color: #0847a6;
}
.el-pagination button.disabled {
  color: #e4e4e4;
  background-color: #fff;
  cursor: not-allowed;
}
.el-pager li,
.el-pager li.btn-quicknext:hover,
.el-pager li.btn-quickprev:hover {
  cursor: pointer;
}
.el-pagination .btn-next,
.el-pagination .btn-prev {
  background: center center no-repeat #fff;
  background-size: 16px;
  border: 1px solid #d1dbe5;
  cursor: pointer;
  margin: 0;
  color: #97a8be;
}
.el-pagination .btn-next .el-icon,
.el-pagination .btn-prev .el-icon {
  display: block;
  font-size: 12px;
}
.el-pagination .btn-prev {
  border-radius: 2px 0 0 2px;
  border-right: 0;
}
.el-pagination .btn-next {
  border-radius: 0 2px 2px 0;
  border-left: 0;
}
.el-pagination--small .btn-next,
.el-pagination--small .btn-prev,
.el-pagination--small .el-pager li,
.el-pagination--small .el-pager li:last-child {
  border-color: transparent;
  font-size: 12px;
  line-height: 26px;
  height: 26px;
  min-width: 26px;
}
.el-pagination--small .el-pager li {
  border-radius: 2px;
}
.el-pagination__sizes {
  margin: 0 10px 0 0;
}
.el-pagination__sizes .el-input .el-input__inner {
  font-size: 14px;
  border-color: #d1dbe5;
}
.el-pagination__sizes .el-input .el-input__inner:hover {
  border-color: #0847a6;
}
.el-pagination__jump {
  margin-left: 10px;
}
.el-pagination__total {
  margin: 0 10px;
}
.el-pagination__rightwrapper {
  float: right;
}
.el-pagination__editor {
  border: 1px solid #d1dbe5;
  border-radius: 2px;
  line-height: 18px;
  padding: 4px 2px;
  width: 30px;
  text-align: center;
  margin: 0 6px;
  box-sizing: border-box;
  transition: border 0.3s;
  -moz-appearance: textfield;
}
.el-pager,
.el-pager li {
  vertical-align: top;
  display: inline-block;
  margin: 0;
}
.el-pagination__editor::-webkit-inner-spin-button,
.el-pagination__editor::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.el-pagination__editor:focus {
  outline: 0;
  border-color: #20a0ff;
}
.el-autocomplete-suggestion__wrap,
.el-pager li {
  border: 1px solid #d1dbe5;
  box-sizing: border-box;
}
.el-pager {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  list-style: none;
  font-size: 0;
  padding: 0;
}
.el-date-table,
.el-radio {
  -webkit-user-select: none;
  -ms-user-select: none;
}
.el-date-table,
.el-radio,
.el-time-panel {
  -moz-user-select: none;
}
.el-pager li {
  padding: 0 4px;
  border-right: 0;
  background: #fff;
  font-size: 13px;
  min-width: 28px;
  height: 28px;
  line-height: 28px;
  text-align: center;
  color: #8c8c8c;
}
.el-pager li:last-child {
  border-right: 1px solid #d1dbe5;
}
.el-pager li.btn-quicknext,
.el-pager li.btn-quickprev {
  line-height: 28px;
  color: #97a8be;
}
.el-pager li.active + li {
  border-left: 0;
  padding-left: 5px;
}
.el-pager li:hover {
  /* color: #20a0ff; */
  color: #262626;
  background-color: #f0f2f5;
}
.el-pager li.active {
  /* border-color: #20a0ff; */
  border: unset;
  /* background-color: #20a0ff; */
  background-color: unset;
  color: #262626;
  cursor: default;
}
.el-dialog {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  background: #fff;
  border-radius: 4px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
  box-sizing: border-box;
  margin-bottom: 50px;
}
.el-dialog--tiny {
  width: 30%;
}
.el-dialog--small {
  width: 50%;
}
.el-dialog--large {
  width: 90%;
}
.el-dialog--full {
  width: 100%;
  top: 0;
  margin-bottom: 0;
  height: 100%;
  overflow: auto;
}
.el-dialog__wrapper {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  position: fixed;
  overflow: auto;
  margin: 0;
}
.el-autocomplete,
.el-dropdown {
  display: inline-block;
  position: relative;
}
.el-dialog__header {
  padding: 20px 20px 0;
}
.el-dialog__headerbtn {
  float: right;
  background: 0 0;
  border: none;
  outline: 0;
  padding: 0;
  cursor: pointer;
  font-size: 16px;
}
.el-dialog__headerbtn .el-dialog__close {
  color: #bfcbd9;
}
.el-dialog__headerbtn:focus .el-dialog__close,
.el-dialog__headerbtn:hover .el-dialog__close {
  color: #20a0ff;
}
.el-dialog__title {
  line-height: 1;
  font-size: 16px;
  font-weight: 700;
  color: #1f2d3d;
}
.el-dialog__body {
  padding: 30px 20px;
  color: #48576a;
  font-size: 14px;
}
.el-dialog__footer {
  padding: 10px 20px 15px;
  text-align: right;
  box-sizing: border-box;
}
.dialog-fade-enter-active {
  animation: dialog-fade-in 0.3s;
}
.dialog-fade-leave-active {
  animation: dialog-fade-out 0.3s;
}
@keyframes dialog-fade-in {
  0% {
    transform: translate3d(0, -20px, 0);
    opacity: 0;
  }
  100% {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@keyframes dialog-fade-out {
  0% {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
  100% {
    transform: translate3d(0, -20px, 0);
    opacity: 0;
  }
}
.el-autocomplete-suggestion {
  margin: 5px 0;
  box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.04), 0 2px 4px 0 rgba(0, 0, 0, 0.12);
}
.el-autocomplete-suggestion li {
  list-style: none;
  line-height: 36px;
  padding: 0 10px;
  margin: 0;
  cursor: pointer;
  color: #48576a;
  font-size: 14px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.el-autocomplete-suggestion li:hover {
  background-color: #e4e8f1;
}
.el-autocomplete-suggestion li.highlighted {
  background-color: #20a0ff;
  color: #fff;
}
.el-autocomplete-suggestion li:active {
  background-color: #0082e6;
}
.el-autocomplete-suggestion.is-loading li:hover,
.el-dropdown-menu {
  background-color: #fff;
}
.el-autocomplete-suggestion li.divider {
  margin-top: 6px;
  border-top: 1px solid #d1dbe5;
}
.el-autocomplete-suggestion li.divider:last-child {
  margin-bottom: -6px;
}
.el-autocomplete-suggestion.is-loading li {
  text-align: center;
  height: 100px;
  line-height: 100px;
  font-size: 20px;
  color: #999;
}
.el-autocomplete-suggestion.is-loading .el-icon-loading {
  vertical-align: middle;
}
.el-autocomplete-suggestion__wrap {
  max-height: 280px;
  overflow: auto;
  background-color: #fff;
  padding: 6px 0;
  border-radius: 2px;
}
.el-autocomplete-suggestion__list {
  margin: 0;
  padding: 0;
}
.el-dropdown {
  color: #48576a;
  font-size: 14px;
}
.el-dropdown .el-button-group {
  display: block;
}
.el-dropdown .el-button-group .el-button {
  float: none;
}
.el-dropdown .el-dropdown__caret-button {
  padding-right: 5px;
  padding-left: 5px;
}
.el-dropdown .el-dropdown__caret-button .el-dropdown__icon {
  padding-left: 0;
}
.el-dropdown__icon {
  font-size: 12px;
  margin: 0 3px;
}
.el-dropdown-menu {
  margin: 5px 0;
  border: 1px solid #d1dbe5;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.12), 0 0 6px rgba(0, 0, 0, 0.12);
  padding: 6px 0;
  z-index: 10;
  position: absolute;
  top: 0;
  left: 0;
  min-width: 100px;
}
.el-dropdown-menu__item {
  list-style: none;
  line-height: 36px;
  padding: 0 10px;
  margin: 0;
  cursor: pointer;
}
.el-dropdown-menu__item:not(.is-disabled):hover {
  background-color: #e4e8f1;
  color: #48576a;
}
.el-dropdown-menu__item.is-disabled {
  cursor: default;
  color: #bfcbd9;
  pointer-events: none;
}
.el-dropdown-menu__item--divided {
  position: relative;
  margin-top: 6px;
  border-top: 1px solid #d1dbe5;
}
.el-dropdown-menu__item--divided:before {
  content: '';
  height: 6px;
  display: block;
  margin: 0 -10px;
  background-color: #fff;
}
.el-menu-item,
.el-submenu__title {
  height: 56px;
  line-height: 56px;
  font-size: 14px;
  color: #48576a;
  padding: 0 20px;
  cursor: pointer;
  position: relative;
  transition: border-color 0.3s, background-color 0.3s, color 0.3s;
  box-sizing: border-box;
  white-space: nowrap;
}
.el-menu {
  border-radius: 2px;
  list-style: none;
  position: relative;
  margin: 0;
  padding-left: 0;
  background-color: #eef1f6;
}
.el-menu:after,
.el-menu:before {
  display: table;
  content: '';
}
.el-menu li {
  list-style: none;
}
.el-menu--dark {
  background-color: #324157;
}
.el-menu--dark .el-menu-item,
.el-menu--dark .el-submenu__title {
  color: #bfcbd9;
}
.el-menu--dark .el-menu-item:hover,
.el-menu--dark .el-submenu__title:hover {
  background-color: #48576a;
}
.el-menu--dark .el-submenu .el-menu {
  background-color: #1f2d3d;
}
.el-menu--dark .el-submenu .el-menu .el-menu-item:hover {
  background-color: #48576a;
}
.el-menu--horizontal .el-menu-item {
  float: left;
  height: 60px;
  line-height: 60px;
  margin: 0;
  cursor: pointer;
  position: relative;
  box-sizing: border-box;
  border-bottom: 5px solid transparent;
}
.el-menu--horizontal .el-menu-item a,
.el-menu--horizontal .el-menu-item a:hover {
  color: inherit;
}
.el-menu--horizontal .el-submenu {
  float: left;
  position: relative;
}
.el-menu--horizontal .el-submenu > .el-menu {
  position: absolute;
  top: 65px;
  left: 0;
  border: 1px solid #d1dbe5;
  padding: 5px 0;
  background-color: #fff;
  z-index: 100;
  min-width: 100%;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.12), 0 0 6px 0 rgba(0, 0, 0, 0.04);
}
.el-menu--horizontal .el-submenu .el-submenu__title {
  height: 60px;
  line-height: 60px;
  border-bottom: 5px solid transparent;
}
.el-menu--horizontal .el-submenu .el-menu-item {
  background-color: #fff;
  float: none;
  height: 36px;
  line-height: 36px;
  padding: 0 10px;
}
.el-menu--horizontal .el-submenu .el-submenu__icon-arrow {
  position: static;
  vertical-align: middle;
  margin-left: 5px;
  color: #97a8be;
  margin-top: -3px;
}
.el-menu--horizontal .el-menu-item:hover,
.el-menu--horizontal .el-submenu__title:hover {
  background-color: #eef1f6;
}
.el-menu--horizontal > .el-menu-item:hover,
.el-menu--horizontal > .el-submenu.is-active .el-submenu__title,
.el-menu--horizontal > .el-submenu:hover .el-submenu__title {
  border-bottom: 5px solid #20a0ff;
}
.el-menu--horizontal.el-menu--dark .el-menu-item:hover,
.el-menu--horizontal.el-menu--dark .el-submenu__title:hover {
  background-color: #324157;
}
.el-menu--horizontal.el-menu--dark .el-submenu .el-menu-item:hover,
.el-menu--horizontal.el-menu--dark .el-submenu .el-submenu-title:hover,
.el-menu-item:hover {
  background-color: #d1dbe5;
}
.el-menu--horizontal.el-menu--dark .el-submenu .el-menu-item,
.el-menu--horizontal.el-menu--dark .el-submenu .el-submenu-title {
  color: #48576a;
}
.el-menu--horizontal.el-menu--dark .el-submenu .el-menu-item.is-active,
.el-menu-item.is-active {
  color: #20a0ff;
}
.el-menu--collapse {
  width: 64px;
}
.el-menu--collapse > .el-menu-item [class^='el-icon-'],
.el-menu--collapse > .el-submenu > .el-submenu__title [class^='el-icon-'] {
  margin: 0;
  vertical-align: middle;
  width: 24px;
  text-align: center;
}
.el-menu--collapse > .el-menu-item .el-submenu__icon-arrow,
.el-menu--collapse > .el-submenu > .el-submenu__title .el-submenu__icon-arrow {
  display: none;
}
.el-menu--collapse > .el-menu-item span,
.el-menu--collapse > .el-submenu > .el-submenu__title span {
  height: 0;
  width: 0;
  overflow: hidden;
  visibility: hidden;
  display: inline-block;
}
.el-menu--collapse .el-menu .el-submenu {
  min-width: 200px;
}
.el-menu--collapse .el-submenu {
  position: relative;
}
.el-menu--collapse .el-submenu .el-menu {
  position: absolute;
  margin-left: 5px;
  top: 0;
  left: 100%;
  z-index: 10;
}
.el-menu--collapse .el-submenu.is-opened > .el-submenu__title .el-submenu__icon-arrow {
  transform: none;
}
.el-menu-item [class^='el-icon-'] {
  margin-right: 5px;
  width: 24px;
  text-align: center;
}
.el-menu-item * {
  vertical-align: middle;
}
.el-menu-item:first-child {
  margin-left: 0;
}
.el-menu-item:last-child {
  margin-right: 0;
}
.el-submenu [class^='el-icon-'] {
  vertical-align: middle;
  margin-right: 5px;
  width: 24px;
  text-align: center;
}
.el-submenu .el-menu {
  background-color: #e4e8f1;
}
.el-submenu .el-menu-item:hover,
.el-submenu__title:hover {
  background-color: #d1dbe5;
}
.el-submenu .el-menu-item {
  height: 50px;
  line-height: 50px;
  padding: 0 45px;
  min-width: 200px;
}
.el-submenu.is-opened > .el-submenu__title .el-submenu__icon-arrow {
  transform: rotateZ(180deg);
}
.el-submenu.is-active .el-submenu__title {
  border-bottom-color: #20a0ff;
}
.el-submenu__title {
  position: relative;
}
.el-submenu__title * {
  vertical-align: middle;
}
.el-submenu__icon-arrow {
  position: absolute;
  top: 50%;
  right: 20px;
  margin-top: -7px;
  transition: transform 0.3s;
  font-size: 12px;
  line-height: normal;
}
.el-radio,
.el-radio__inner,
.el-radio__input {
  position: relative;
  display: inline-block;
}
.el-menu-item-group > ul {
  padding: 0;
}
.el-menu-item-group__title {
  padding-top: 15px;
  line-height: normal;
  font-size: 14px;
  padding-left: 20px;
  color: #97a8be;
}
.el-radio-button__inner,
.el-radio-group,
.el-radio__input {
  line-height: 1;
  vertical-align: middle;
}
.horizontal-collapse-transition .el-submenu__title .el-submenu__icon-arrow {
  transition: 0.2s;
  opacity: 0;
}
.el-radio {
  color: #1f2d3d;
  cursor: pointer;
  white-space: nowrap;
}
.el-radio:hover .el-radio__inner {
  border-color: #093b88;
}
.el-radio:hover .el-radio__label {
  color: #093b88;
}
.el-radio + .el-radio {
  margin-left: 15px;
}
.el-radio__input {
  white-space: nowrap;
  cursor: pointer;
  outline: 0;
}
.el-radio__input.is-focus .el-radio__inner {
  border-color: #20a0ff;
}
.el-radio__input.is-checked .el-radio__inner {
  /* border-color: #20a0ff; */
  /* background: #20a0ff; */
  background-color: white;
  border: 1px solid #0847a6;
}
.el-radio__input.is-checked .el-radio__inner::after {
  transform: translate(-50%, -50%) scale(1);
  background-color: #0847a6;
}
.el-radio__input.is-disabled .el-radio__inner {
  background-color: #eef1f6;
  border-color: #d1dbe5;
  cursor: not-allowed;
}
.el-radio__input.is-disabled .el-radio__inner::after {
  cursor: not-allowed;
  background-color: #eef1f6;
}
.el-radio__input.is-disabled .el-radio__inner + .el-radio__label {
  cursor: not-allowed;
}
.el-radio__input.is-disabled.is-checked .el-radio__inner {
  background-color: #d1dbe5;
  border-color: #d1dbe5;
}
.el-radio__inner,
.el-radio__input.is-disabled.is-checked .el-radio__inner::after {
  background-color: #fff;
}
.el-radio__input.is-disabled + .el-radio__label {
  color: #bbb;
  cursor: not-allowed;
}
.el-radio__inner {
  height: 14px;
  width: 14px;
  border: 1px solid #bfbfbf;
  background-color: white;
  /* border: 1px solid #bfcbd9; */
  /* width: 18px; */
  /* height: 18px; */
  border-radius: 50%;
  cursor: pointer;
  box-sizing: border-box;
}
.el-radio__inner:hover {
  border-color: #0847a6;
}
.el-radio__inner::after {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: #fff;
  content: '';
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%) scale(0);
  transition: transform 0.15s cubic-bezier(0.71, -0.46, 0.88, 0.6);
}
.el-switch__core,
.el-switch__label {
  width: 26px !important;
  height: 12px !important;
  cursor: pointer;
}
.el-radio__original {
  opacity: 0;
  outline: 0;
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: 0;
}
.el-radio-button,
.el-radio-button__inner {
  display: inline-block;
  position: relative;
}
.el-radio__label {
  font-size: 14px;
  padding-left: 5px;
}
.el-radio-group {
  display: inline-block;
  font-size: 0;
}
.el-radio-group .el-radio {
  font-size: 14px;
}
.el-radio-button:first-child .el-radio-button__inner {
  border-left: 1px solid #bfcbd9;
  border-radius: 4px 0 0 4px;
  box-shadow: none !important;
}
.el-radio-button:last-child .el-radio-button__inner {
  border-radius: 0 4px 4px 0;
}
.el-radio-button:first-child:last-child .el-radio-button__inner {
  border-radius: 4px;
}
.el-radio-button__inner {
  white-space: nowrap;
  background: #fff;
  border: 1px solid #bfcbd9;
  border-left: 0;
  color: #1f2d3d;
  -webkit-appearance: none;
  text-align: center;
  box-sizing: border-box;
  outline: 0;
  margin: 0;
  cursor: pointer;
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  padding: 10px 15px;
  font-size: 14px;
  border-radius: 0;
}
.el-radio-button__inner:hover {
  color: #20a0ff;
}
.el-radio-button__inner [class*='el-icon-'] {
  line-height: 0.9;
}
.el-radio-button__inner [class*='el-icon-'] + span {
  margin-left: 5px;
}
.el-radio-button__orig-radio {
  opacity: 0;
  outline: 0;
  position: absolute;
  z-index: -1;
  left: -999px;
}
.el-radio-button__orig-radio:checked + .el-radio-button__inner {
  color: #fff;
  background-color: #20a0ff;
  border-color: #20a0ff;
  box-shadow: -1px 0 0 0 #20a0ff;
}
.el-radio-button__orig-radio:disabled + .el-radio-button__inner {
  color: #bfcbd9;
  cursor: not-allowed;
  background-image: none;
  background-color: #eef1f6;
  border-color: #d1dbe5;
  box-shadow: none;
}
.el-radio-button--large .el-radio-button__inner {
  padding: 11px 19px;
  font-size: 16px;
  border-radius: 0;
}
.el-radio-button--small .el-radio-button__inner {
  padding: 7px 9px;
  font-size: 12px;
  border-radius: 0;
}
.el-radio-button--mini .el-radio-button__inner {
  padding: 4px;
  font-size: 12px;
  border-radius: 0;
}
.el-switch,
.el-switch__label,
.el-switch__label * {
  font-size: 14px;
  display: inline-block;
}
.el-switch {
  position: relative;
  line-height: 22px;
  height: 12px;
  vertical-align: middle;
}
.el-switch .label-fade-enter,
.el-switch .label-fade-leave-active {
  opacity: 0;
}
.el-switch.is-disabled .el-switch__core {
  border-color: #e4e8f1 !important;
  background: #e4e8f1 !important;
}
.el-switch.is-disabled .el-switch__core span {
  background-color: #fbfdff !important;
}
.el-switch.is-disabled .el-switch__core ~ .el-switch__label * {
  color: #fbfdff !important;
}
.el-switch.is-checked .el-switch__core {
  border-color: #0847a6;
  background-color: #0847a6;
}
.el-switch.is-checked .el-switch__core span {
  transform: translate(13px, 2px) !important;
}
.el-switch.is-disabled .el-switch__core,
.el-switch.is-disabled .el-switch__label {
  cursor: not-allowed;
}
.el-switch__label {
  transition: 0.2s;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
}
.el-switch__label * {
  line-height: 1;
  top: 4px;
  position: absolute;
  color: #fff;
}
.el-switch__label--left i {
  left: 6px;
}
.el-switch__label--right i {
  right: 6px;
}
.el-switch__input {
  display: none;
}
.el-switch__input.allow-focus {
  z-index: 0;
  display: inline;
  display: initial;
  position: absolute;
  left: 0;
  top: 0;
  outline: 0;
  opacity: 0;
}
.el-switch__input.allow-focus:focus + .el-switch__core {
  box-shadow: 0 0 2px #20a0ff;
}
.el-switch__core {
  margin: 0;
  display: inline-block;
  position: relative;
  top: -6px;
  border: 1px solid #bfcbd9;
  outline: 0;
  border-radius: 10px;
  box-sizing: border-box;
  background: #bfcbd9;
  transition: border-color 0.3s, background-color 0.3s;
  z-index: 1;
}
.el-switch__core .el-switch__button {
  top: -1px;
  left: 0;
  position: absolute;
  border-radius: 100%;
  transition: transform 0.3s;
  width: 8px;
  height: 8px;
  background-color: #fff;
}
.el-switch--wide .el-switch__label.el-switch__label--left span {
  left: 10px;
}
.el-switch--wide .el-switch__label.el-switch__label--right span {
  right: 10px;
}
.el-select-dropdown {
  position: absolute !important;
  top: 100% !important;
  left: 0 !important;
  z-index: 1001;
  border: 1px solid #d1dbe5;
  border-radius: 2px;
  background-color: #fff;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.12), 0 0 6px rgba(0, 0, 0, 0.04);
  box-sizing: border-box;
  margin: 5px 0;
}
.el-select-dropdown .el-scrollbar.is-empty .el-select-dropdown__list {
  padding: 0;
}
.el-select-dropdown.is-multiple .el-select-dropdown__item.selected {
  color: #20a0ff;
  background-color: #fff;
}
.el-select-dropdown.is-multiple .el-select-dropdown__item.selected.hover,
.el-select-dropdown__item.hover,
.el-select-dropdown__item:hover {
  color: #0847a6;
  background-color: #f0f2f5;
}
.el-select-dropdown.is-multiple .el-select-dropdown__item.selected::after {
  position: absolute;
  right: 10px;
  font-family: element-icons;
  content: '\E608';
  font-size: 11px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.el-select-dropdown__empty {
  padding: 10px 0;
  margin: 0;
  text-align: center;
  color: #999;
  font-size: 14px;
}
.el-select-dropdown__wrap {
  max-height: 274px;
}
.el-select-dropdown__list {
  list-style: none;
  padding: 6px 0;
  margin: 0;
  box-sizing: border-box;
}
.el-select-dropdown__item {
  font-size: 14px;
  padding: 4px 10px;
  position: relative;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  /* color: #48576a; */
  color: #262626;
  height: 30px;
  line-height: 1.5;
  box-sizing: border-box;
  cursor: pointer;
}
.el-select-dropdown__item.selected {
  /* color: #fff; */
  /* background-color: #036bbb; */
  color: #0847a6;
  background-color: #fff;
}
.el-select-dropdown__item.selected.hover {
  /* background-color: #0747a6; */
  background-color: #f0f2f5;
  color: #0847a6;
}
.el-select-dropdown__item span {
  line-height: 1.5 !important;
}
.el-select-dropdown__item.is-disabled {
  color: #bfcbd9;
  cursor: not-allowed;
}
.el-select-dropdown__item.is-disabled:hover {
  background-color: #fff;
}
.el-select-group {
  margin: 0;
  padding: 0;
}
.el-select-group .el-select-dropdown__item {
  padding-left: 20px;
}
.el-select-group__wrap {
  list-style: none;
  margin: 0;
  padding: 0;
}
.el-select-group__title {
  padding-left: 10px;
  font-size: 12px;
  color: #999;
  height: 30px;
  line-height: 30px;
}
.el-select {
  display: inline-block;
  position: relative;
}
.el-select:hover .el-input__inner {
  border-color: #8391a5;
}
.el-select .el-input__inner {
  cursor: pointer;
  padding-right: 35px;
}
.el-select .el-input__inner:focus {
  border-color: #20a0ff;
}
.el-select .el-input .el-input__icon {
  color: #bfcbd9;
  font-size: 12px;
  transition: transform 0.3s;
  line-height: 16px;
  cursor: pointer;
  top: 50%;
  transform: translateY(-50%);
  transform-origin: center center;
}
.el-select .el-input .el-input__icon:before {
  display: none;
}
.el-select .el-input .el-input__icon:after {
  position: absolute;
  top: 50%;
  right: 22px;
  transform: translateY(-7px);
  content: '\E600';
  color: #979797;
}
.el-select .el-input .el-input__icon.is-show-close {
  transition: 0s;
  width: 16px;
  height: 16px;
  font-size: 14px;
  right: 8px;
  text-align: center;
  transform: translateY(-50%) rotateZ(180deg);
  border-radius: 100%;
  color: #bfcbd9;
}
.el-select .el-input .el-input__icon.is-show-close:hover {
  color: #97a8be;
}
.el-select .el-input .el-input__icon.is-reverse {
  transform: rotate(180deg) translateY(50%);
  -ms-transform: rotate(180deg) translateY(50%);
}
.el-select .el-input.is-disabled .el-input__inner {
  cursor: not-allowed;
}
.el-select .el-input.is-disabled .el-input__inner:hover {
  border-color: #d1dbe5;
}
/*单选hover出现边框修改 ， 类名hover-visible*/
.el-select.hover-visible .el-input__inner {
  border-color: transparent;
  transition: all 0.3s;
}
.el-select.hover-visible .el-input__icon {
  opacity: 0;
  transition: all 0.3s;
}
.el-select.hover-visible .el-input__icon.is-reverse {
  opacity: 1;
}
.el-select.hover-visible .el-input__icon.is-reverse + .el-input__inner {
  border-color: #8391a5;
}
.el-select.hover-visible:hover .el-input__inner {
  border-color: #8391a5;
}
.el-select.hover-visible:hover .el-input__icon {
  opacity: 1;
}
/* ---end ----*/
.el-select > .el-input {
  display: block;
}
.el-select .el-tag__close {
  margin-top: -2px;
}
.el-select .el-tag {
  height: 24px;
  line-height: 24px;
  box-sizing: border-box;
  margin: 3px 0 3px 6px;
}
.el-select__input {
  border: none;
  outline: 0;
  padding: 0;
  margin-left: 10px;
  color: #666;
  font-size: 14px;
  vertical-align: baseline;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  height: 28px;
  background-color: transparent;
}
.el-select__input.is-mini {
  height: 14px;
}
.el-select__close {
  cursor: pointer;
  position: absolute;
  top: 8px;
  z-index: 1000;
  right: 25px;
  color: #bfcbd9;
  line-height: 18px;
  font-size: 12px;
}
.el-select__close:hover {
  color: #97a8be;
}
.el-select__tags {
  position: absolute;
  line-height: normal;
  white-space: normal;
  z-index: 1;
  top: 50%;
  transform: translateY(-50%);
}
.el-table,
.el-table td,
.el-table th {
  box-sizing: border-box;
  position: relative;
}
.el-select__tag {
  display: inline-block;
  height: 24px;
  line-height: 24px;
  font-size: 14px;
  border-radius: 4px;
  color: #fff;
  background-color: #20a0ff;
}
.el-select__tag .el-icon-close {
  font-size: 12px;
}
.el-table {
  overflow: hidden;
  width: 100%;
  max-width: 100%;
  background-color: #fff;
  border: 1px solid #dfe6ec;
  font-size: 14px;
  color: #1f2d3d;
}
.el-table .el-tooltip.cell {
  white-space: nowrap;
  min-width: 50px;
}
.el-table td,
.el-table th {
  min-width: 0;
  text-overflow: ellipsis;
  vertical-align: middle;
}
.el-table::after,
.el-table::before {
  content: '';
  position: absolute;
  background-color: #dfe6ec;
  z-index: 1;
}
.el-table td.is-right,
.el-table th.is-right {
  text-align: right;
}
.el-table td.is-left,
.el-table th.is-left {
  text-align: left;
}
.el-table td.is-center,
.el-table th.is-center {
  text-align: center;
}
.el-table td,
.el-table th.is-leaf {
  border-bottom: 1px solid #dfe6ec;
}
.el-table td.gutter,
.el-table th.gutter {
  width: 15px;
  border-right-width: 0;
  border-bottom-width: 0;
  padding: 0;
}
.el-table .cell,
.el-table th > div {
  padding-left: 18px;
  padding-right: 18px;
  box-sizing: border-box;
  text-overflow: ellipsis;
}
.el-table::before {
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1px;
}
.el-table::after {
  top: 0;
  right: 0;
  width: 1px;
  height: 100%;
}
.el-table .caret-wrapper,
.el-table th > .cell {
  position: relative;
  display: inline-block;
  vertical-align: middle;
}
.el-table th {
  white-space: nowrap;
  overflow: hidden;
  background-color: #eef1f6;
  text-align: left;
}
.el-table th.is-sortable {
  cursor: pointer;
}
.el-table th > div {
  display: inline-block;
  line-height: 40px;
  overflow: hidden;
  white-space: nowrap;
}
.el-table td > div {
  box-sizing: border-box;
}
.el-table th.required > div::before {
  display: inline-block;
  content: '';
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #ff4d51;
  margin-right: 5px;
  vertical-align: middle;
}
.el-table th > .cell {
  word-wrap: normal;
  text-overflow: ellipsis;
  line-height: 30px;
  width: 100%;
  box-sizing: border-box;
}
.el-table th > .cell.highlight {
  color: #20a0ff;
}
.el-table .caret-wrapper {
  cursor: pointer;
  margin-left: 5px;
  margin-top: -2px;
  width: 16px;
  height: 30px;
  overflow: visible;
  overflow: initial;
}
.el-table .cell,
.el-table__footer-wrapper,
.el-table__header-wrapper {
  overflow: hidden;
}
.el-table .sort-caret {
  display: inline-block;
  width: 0;
  height: 0;
  border: 0;
  content: '';
  position: absolute;
  left: 3px;
  z-index: 2;
}
.el-table .sort-caret.ascending,
.el-table .sort-caret.descending {
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
}
.el-table .sort-caret.ascending {
  top: 9px;
  border-top: none;
  border-bottom: 5px solid #97a8be;
}
.el-table .sort-caret.descending {
  bottom: 9px;
  border-top: 5px solid #97a8be;
  border-bottom: none;
}
.el-table .ascending .sort-caret.ascending {
  border-bottom-color: #48576a;
}
.el-table .descending .sort-caret.descending {
  border-top-color: #48576a;
}
.el-table td.gutter {
  width: 0;
}
.el-table .cell {
  white-space: normal;
  word-break: break-all;
  line-height: 24px;
}
.el-badge__content,
.el-message__group p,
.el-progress-bar__inner,
.el-steps.is-horizontal,
.el-tabs__nav,
.el-tag,
.el-time-spinner,
.el-tree-node,
.el-upload-list__item-name {
  white-space: nowrap;
}
.el-table tr input[type='checkbox'] {
  margin: 0;
}
.el-table tr {
  background-color: #fff;
}
.el-table .hidden-columns {
  position: absolute;
  z-index: -1;
}
.el-table__empty-block {
  position: relative;
  min-height: 60px;
  text-align: center;
  width: 100%;
  height: auto;
  height: 340px !important;
}
/* 额外增加 */
.el-table__empty-block::before {
  content: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGwAAABHCAMAAADV01IKAAAAQlBMVEUAAAAAAADIyMgAAAAAAADHx8fs7Ozm5ub39/fj4+P29vbk5OT29vazs7P29vfl5eXLy8vHx8fo6Ojw8PHZ2dnY2NjCmEkeAAAADnRSTlMADIAECP0n8vGwre/uMKHilWsAAAE6SURBVFjD7dTdbsIwDIbhUrr+ASak7f3f6jKIZoFTTflmi1LllWgOkHgUy7RarR17yqwf2wqqPRPQGdNGghohrMewHsII7FMwt1rBtortdxv3i7mXCrZ9bFPbOPvH6Wd7bHHO3y3nFmtsdiH/Y4VmlQWJT1FEnI+HJcYaWyYYa2xZY6x53dXfAKY1RpH5gnDGq/93y9Ofek+vK60XcU1gNWDdUOxW51s4FrRcC8eClmvhWNRyLByLWo6FYzla/fUIxnK0q4yIJiL55K4yGFtrih97zPBm6zP8/Jtx4qaqmJzhG8c4KWJT4uf5UMZ8eoYsewWMNSYSVLBgDKhgBStYwXaHNYentLDDa83xzh0bW4ylij0bjCXpdTpW9wtFSXrh20EHG+SVJNdcThrW6SKkZO3Q/XuGQ1ul+gYNHQG1cu66AgAAAABJRU5ErkJggg==');
  left: 50%;
  top: 35%;
  transform: translate(-50%, -50%);
  position: absolute;
}
.el-table__empty-text {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  /* color: #5e7382; */
  color: #8c8c8c;
}
.el-table__expand-column .cell {
  padding: 0;
  text-align: center;
}
.el-table__expand-icon {
  position: relative;
  cursor: pointer;
  color: #666;
  font-size: 12px;
  transition: transform 0.2s ease-in-out;
  height: 40px;
}
.el-table__expand-icon > .el-icon {
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -5px;
  margin-top: -5px;
}
.el-table__expand-icon--expanded {
  transform: rotate(90deg);
}
.el-table__expanded-cell {
  padding: 20px 50px;
  background-color: #fbfdff;
  box-shadow: inset 0 2px 0 #f4f4f4;
}
.el-table__expanded-cell:hover {
  background-color: #fbfdff !important;
}
.el-table--fit {
  border-right: 0;
  border-bottom: 0;
}
.el-table--border th,
.el-table__fixed-right-patch {
  border-bottom: 1px solid #dfe6ec;
}
.el-table--fit td.gutter,
.el-table--fit th.gutter {
  border-right-width: 1px;
}
.el-table--border td,
.el-table--border th {
  border-right: 1px solid #dfe6ec;
}
.el-table__fixed,
.el-table__fixed-right {
  position: absolute;
  top: 0;
  left: 0;
  /* box-shadow: 1px 0 8px #d3d4d6; */
  overflow-x: hidden;
}
.el-table__fixed-right::before,
.el-table__fixed::before {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1px;
  background-color: #dfe6ec;
  z-index: 4;
}
.el-table__fixed-right-patch {
  position: absolute;
  top: -1px;
  right: 0;
  background-color: #eef1f6;
}
.el-table__fixed-right {
  top: 0;
  left: auto;
  right: 0;
  box-shadow: -1px 0 8px #d3d4d6;
}
.el-table__fixed-right .el-table__fixed-body-wrapper,
.el-table__fixed-right .el-table__fixed-footer-wrapper,
.el-table__fixed-right .el-table__fixed-header-wrapper {
  left: auto;
  right: 0;
}
.el-table__fixed-header-wrapper {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 3;
}
.el-table__fixed-header-wrapper thead div {
  background-color: #eef1f6;
  color: #1f2d3d;
}
.el-table__fixed-footer-wrapper {
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 3;
}
.el-table__fixed-footer-wrapper tbody td {
  border-top: 1px solid #dfe6ec;
  background-color: #fbfdff;
  color: #1f2d3d;
}
.el-table__fixed-body-wrapper {
  position: absolute;
  left: 0;
  top: 37px;
  overflow: hidden;
  z-index: 3;
}
.el-table__body-wrapper,
.el-table__footer-wrapper,
.el-table__header-wrapper {
  width: 100%;
}
.el-table__footer-wrapper {
  margin-top: -1px;
}
.el-table__footer-wrapper td {
  border-top: 1px solid #dfe6ec;
}
.el-table__body,
.el-table__footer,
.el-table__header {
  table-layout: fixed;
}
.el-table__footer-wrapper thead div,
.el-table__header-wrapper thead div {
  background-color: #eef1f6;
  color: #1f2d3d;
}
.el-table__footer-wrapper tbody td,
.el-table__header-wrapper tbody td {
  background-color: #fbfdff;
  color: #1f2d3d;
}
.el-table__body-wrapper {
  overflow: auto;
  position: relative;
}
.el-table--striped .el-table__body tr.el-table__row--striped td {
  background: #fafafa;
  background-clip: padding-box;
}
.el-table--striped .el-table__body tr.el-table__row--striped.current-row td {
  background: #edf7ff;
}
.el-table__body tr.hover-row.current-row > td,
.el-table__body tr.hover-row.el-table__row--striped.current-row > td,
.el-table__body tr.hover-row.el-table__row--striped > td,
.el-table__body tr.hover-row > td {
  background-color: #eef1f6;
}
.el-table__body tr.current-row > td {
  background: #edf7ff;
}
.el-table__column-resize-proxy {
  position: absolute;
  left: 200px;
  top: 0;
  bottom: 0;
  width: 0;
  border-left: 1px solid #dfe6ec;
  z-index: 10;
}
.el-table__column-filter-trigger {
  display: inline-block;
  line-height: 34px;
  margin-left: 5px;
  cursor: pointer;
}
.el-table__column-filter-trigger i {
  color: #97a8be;
}
.el-table--enable-row-transition .el-table__body td {
  transition: background-color 0.25s ease;
}
.el-fade-in-linear-enter-active,
.el-fade-in-linear-leave-active,
.fade-in-linear-enter-active,
.fade-in-linear-leave-active {
  transition: opacity 0.2s linear;
}
.el-table--enable-row-hover .el-table__body tr:hover > td {
  background-color: #eef1f6;
  background-clip: padding-box;
}
.el-table--fluid-height .el-table__fixed,
.el-table--fluid-height .el-table__fixed-right {
  bottom: 0;
  overflow: hidden;
}
.el-table-column--selection .cell {
  padding-left: 14px;
  padding-right: 14px;
}
.el-table-filter {
  border: 1px solid #d1dbe5;
  border-radius: 2px;
  background-color: #fff;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.12), 0 0 6px rgba(0, 0, 0, 0.12);
  box-sizing: border-box;
  margin: 2px 0;
}
.el-table-filter__list {
  padding: 5px 0;
  margin: 0;
  list-style: none;
  min-width: 100px;
}
.el-table-filter__list-item {
  line-height: 36px;
  padding: 0 10px;
  cursor: pointer;
  font-size: 14px;
}
.el-table-filter__list-item:hover {
  background-color: #e4e8f1;
  color: #48576a;
}
.el-table-filter__list-item.is-active {
  background-color: #20a0ff;
  color: #fff;
}
.el-table-filter__content {
  min-width: 100px;
}
.el-table-filter__bottom {
  border-top: 1px solid #d1dbe5;
  padding: 8px;
}
.el-table-filter__bottom button {
  background: 0 0;
  border: none;
  color: #8391a5;
  cursor: pointer;
  font-size: 14px;
  padding: 0 3px;
}
.el-table-filter__bottom button:hover {
  color: #20a0ff;
}
.el-table-filter__bottom button:focus {
  outline: 0;
}
.el-table-filter__bottom button.is-disabled {
  color: #bfcbd9;
  cursor: not-allowed;
}
.el-table-filter__checkbox-group {
  padding: 10px;
}
.el-table-filter__checkbox-group label.el-checkbox {
  display: block;
  margin-bottom: 8px;
  margin-left: 5px;
}
.el-table-filter__checkbox-group .el-checkbox:last-child {
  margin-bottom: 0;
}
.el-date-table {
  font-size: 12px;
  min-width: 224px;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.el-date-table td {
  width: 32px;
  height: 32px;
  box-sizing: border-box;
  text-align: center;
  cursor: pointer;
}
.el-date-table td.next-month,
.el-date-table td.prev-month {
  color: #ddd;
}
.el-date-table td.today {
  color: #20a0ff;
  position: relative;
}
.el-date-table td.today:before {
  content: ' ';
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  height: 0;
  border-top: 0.5em solid #20a0ff;
  border-left: 0.5em solid transparent;
}
.el-month-table td .cell,
.el-year-table td .cell {
  width: 48px;
  height: 32px;
  display: block;
  line-height: 32px;
}
.el-date-table td.available:hover {
  background-color: #e4e8f1;
}
.el-date-table td.in-range {
  background-color: #d2ecff;
}
.el-date-table td.in-range:hover {
  background-color: #afddff;
}
.el-date-table td.current:not(.disabled),
.el-date-table td.end-date,
.el-date-table td.start-date {
  background-color: #20a0ff !important;
  color: #fff;
}
.el-date-table td.disabled {
  background-color: #f4f4f4;
  opacity: 1;
  cursor: not-allowed;
  color: #ccc;
}
.el-fade-in-enter,
.el-fade-in-leave-active,
.el-fade-in-linear-enter,
.el-fade-in-linear-leave,
.el-fade-in-linear-leave-active,
.fade-in-linear-enter,
.fade-in-linear-leave,
.fade-in-linear-leave-active {
  opacity: 0;
}
.el-date-table td.week {
  font-size: 80%;
  color: #8391a5;
}
.el-month-table,
.el-year-table {
  font-size: 12px;
  margin: -1px;
  border-collapse: collapse;
}
.el-date-table th {
  padding: 5px;
  color: #8391a5;
  font-weight: 400;
}
.el-date-table.is-week-mode .el-date-table__row:hover {
  background-color: #e4e8f1;
}
.el-date-table.is-week-mode .el-date-table__row.current {
  background-color: #d2ecff;
}
.el-month-table td {
  text-align: center;
  padding: 20px 3px;
  cursor: pointer;
}
.el-month-table td .cell {
  color: #48576a;
}
.el-month-table td .cell:hover {
  background-color: #e4e8f1;
}
.el-month-table td.disabled .cell {
  background-color: #f4f4f4;
  cursor: not-allowed;
  color: #ccc;
}
.el-month-table td.current:not(.disabled) .cell {
  background-color: #20a0ff !important;
  color: #fff;
}
.el-year-table .el-icon {
  color: #97a8be;
}
.el-year-table td {
  text-align: center;
  padding: 20px 3px;
  cursor: pointer;
}
.el-year-table td .cell {
  color: #48576a;
}
.el-year-table td .cell:hover {
  background-color: #e4e8f1;
}
.el-year-table td.disabled .cell {
  background-color: #f4f4f4;
  cursor: not-allowed;
  color: #ccc;
}
.el-year-table td.current:not(.disabled) .cell {
  background-color: #20a0ff !important;
  color: #fff;
}
.el-date-range-picker {
  min-width: 520px;
}
.el-date-range-picker table {
  table-layout: fixed;
  width: 100%;
}
.el-date-range-picker .el-picker-panel__body {
  min-width: 513px;
}
.el-date-range-picker .el-picker-panel__content {
  margin: 0;
}
.el-date-range-picker.has-sidebar.has-time {
  min-width: 766px;
}
.el-date-range-picker.has-sidebar {
  min-width: 620px;
}
.el-date-range-picker.has-time {
  min-width: 660px;
}
.el-date-range-picker__header {
  position: relative;
  text-align: center;
  height: 28px;
}
.el-date-range-picker__header button {
  float: left;
}
.el-date-range-picker__header div {
  font-size: 14px;
  margin-right: 50px;
}
.el-date-range-picker__content {
  float: left;
  width: 50%;
  box-sizing: border-box;
  margin: 0;
  padding: 16px;
}
.el-date-range-picker__content.is-right .el-date-range-picker__header button {
  float: right;
}
.el-date-range-picker__content.is-right .el-date-range-picker__header div {
  margin-left: 50px;
  margin-right: 50px;
}
.el-date-range-picker__content.is-left {
  border-right: 1px solid #e4e4e4;
}
.el-date-range-picker__editors-wrap {
  box-sizing: border-box;
  display: table-cell;
}
.el-date-range-picker__editors-wrap.is-right {
  text-align: right;
}
.el-date-range-picker__time-header {
  position: relative;
  border-bottom: 1px solid #e4e4e4;
  font-size: 12px;
  padding: 8px 5px 5px;
  display: table;
  width: 100%;
  box-sizing: border-box;
}
.el-date-range-picker__time-header > .el-icon-arrow-right {
  font-size: 20px;
  vertical-align: middle;
  display: table-cell;
  color: #97a8be;
}
.el-date-range-picker__time-picker-wrap {
  position: relative;
  display: table-cell;
  padding: 0 5px;
}
.el-date-range-picker__time-picker-wrap .el-picker-panel {
  position: absolute;
  top: 13px;
  right: 0;
  z-index: 1;
  background: #fff;
}
.el-time-range-picker {
  min-width: 354px;
  overflow: visible;
}
.el-time-range-picker__content {
  position: relative;
  text-align: center;
  padding: 10px;
}
.el-time-range-picker__cell {
  box-sizing: border-box;
  margin: 0;
  padding: 4px 7px 7px;
  width: 50%;
  display: inline-block;
}
.el-time-range-picker__header {
  margin-bottom: 5px;
  text-align: center;
  font-size: 14px;
}
.el-time-range-picker__body {
  border-radius: 2px;
  border: 1px solid #d1dbe5;
}
.el-picker-panel {
  color: #48576a;
  border: 1px solid #d1dbe5;
  box-shadow: 0 2px 6px #ccc;
  background: #fff;
  border-radius: 2px;
  line-height: 20px;
  margin: 5px 0;
}
.el-picker-panel__body-wrapper::after,
.el-picker-panel__body::after {
  content: '';
  display: table;
}
.el-picker-panel__content {
  position: relative;
  margin: 15px;
}
.el-picker-panel__footer {
  border-top: 1px solid #e4e4e4;
  padding: 4px;
  text-align: right;
  background-color: #fff;
  position: relative;
}
.el-picker-panel__shortcut {
  display: block;
  width: 100%;
  border: 0;
  background-color: transparent;
  line-height: 28px;
  font-size: 14px;
  color: #48576a;
  padding-left: 12px;
  text-align: left;
  outline: 0;
  cursor: pointer;
}
.el-picker-panel__shortcut:hover {
  background-color: #e4e8f1;
}
.el-picker-panel__shortcut.active {
  background-color: #e6f1fe;
  color: #20a0ff;
}
.el-picker-panel__btn {
  border: 1px solid #dcdcdc;
  color: #333;
  line-height: 24px;
  border-radius: 2px;
  padding: 0 20px;
  cursor: pointer;
  background-color: transparent;
  outline: 0;
  font-size: 12px;
}
.el-picker-panel__btn[disabled] {
  color: #ccc;
  cursor: not-allowed;
}
.el-picker-panel__icon-btn {
  font-size: 12px;
  color: #97a8be;
  border: 0;
  background: 0 0;
  cursor: pointer;
  outline: 0;
  margin-top: 3px;
}
.el-date-picker__header-label.active,
.el-date-picker__header-label:hover,
.el-picker-panel__icon-btn:hover {
  color: #20a0ff;
}
.el-picker-panel__link-btn {
  cursor: pointer;
  color: #20a0ff;
  text-decoration: none;
  padding: 15px;
  font-size: 12px;
}
.el-picker-panel [slot='sidebar'],
.el-picker-panel__sidebar {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 110px;
  border-right: 1px solid #e4e4e4;
  box-sizing: border-box;
  padding-top: 6px;
  background-color: #fbfdff;
  overflow: auto;
}
.el-picker-panel [slot='sidebar'] + .el-picker-panel__body,
.el-picker-panel__sidebar + .el-picker-panel__body {
  margin-left: 110px;
}
.el-date-picker {
  min-width: 254px;
}
.el-date-picker .el-picker-panel__content {
  min-width: 224px;
}
.el-date-picker table {
  table-layout: fixed;
  width: 100%;
}
.el-date-picker.has-sidebar.has-time {
  min-width: 434px;
}
.el-date-picker.has-sidebar {
  min-width: 370px;
}
.el-date-picker.has-time {
  min-width: 324px;
}
.el-date-picker.has-time .el-picker-panel__body-wrapper {
  position: relative;
}
.el-date-picker__editor-wrap {
  position: relative;
  display: table-cell;
  padding: 0 5px;
}
.el-date-picker__time-header {
  position: relative;
  border-bottom: 1px solid #e4e4e4;
  font-size: 12px;
  padding: 8px 5px 5px;
  display: table;
  width: 100%;
  box-sizing: border-box;
}
.el-date-picker__header {
  margin: 12px;
  text-align: center;
}
.el-date-picker__header-label {
  font-size: 14px;
  padding: 0 5px;
  line-height: 22px;
  text-align: center;
  cursor: pointer;
}
.el-date-picker__prev-btn {
  float: left;
}
.el-date-picker__next-btn {
  float: right;
}
.el-date-picker__time-wrap {
  padding: 10px;
  text-align: center;
}
.el-date-picker__time-label {
  float: left;
  cursor: pointer;
  line-height: 30px;
  margin-left: 10px;
}
.time-select {
  margin: 5px 0;
  min-width: 0;
}
.time-select .el-picker-panel__content {
  max-height: 200px;
  margin: 0;
}
.time-select-item {
  padding: 8px 10px;
  font-size: 14px;
}
.time-select-item.selected:not(.disabled) {
  background-color: #0847a6;
  color: #fff;
}
.time-select-item.selected:not(.disabled):hover {
  background-color: #0847a6;
}
.time-select-item.disabled {
  color: #d1dbe5;
  cursor: not-allowed;
}
.time-select-item:hover {
  background-color: #e4e8f1;
  cursor: pointer;
}
.el-fade-in-enter-active,
.el-fade-in-leave-active,
.el-zoom-in-center-enter-active,
.el-zoom-in-center-leave-active {
  transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1);
}
.el-zoom-in-bottom-enter-active,
.el-zoom-in-bottom-leave-active,
.el-zoom-in-left-enter-active,
.el-zoom-in-left-leave-active,
.el-zoom-in-top-enter-active,
.el-zoom-in-top-leave-active {
  transition: transform 0.3s cubic-bezier(0.23, 1, 0.32, 1) 0.1s, opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1) 0.1s;
}
.el-zoom-in-center-enter,
.el-zoom-in-center-leave-active {
  opacity: 0;
  transform: scaleX(0);
}
.el-zoom-in-top-enter-active,
.el-zoom-in-top-leave-active {
  opacity: 1;
  transform: scaleY(1);
  transform-origin: center top;
}
.el-zoom-in-top-enter,
.el-zoom-in-top-leave-active {
  opacity: 0;
  transform: scaleY(0);
}
.el-zoom-in-bottom-enter-active,
.el-zoom-in-bottom-leave-active {
  opacity: 1;
  transform: scaleY(1);
  transform-origin: center bottom;
}
.el-zoom-in-bottom-enter,
.el-zoom-in-bottom-leave-active {
  opacity: 0;
  transform: scaleY(0);
}
.el-zoom-in-left-enter-active,
.el-zoom-in-left-leave-active {
  opacity: 1;
  transform: scale(1, 1);
  transform-origin: top left;
}
.el-zoom-in-left-enter,
.el-zoom-in-left-leave-active {
  opacity: 0;
  transform: scale(0.45, 0.45);
}
.collapse-transition {
  transition: 0.3s height ease-in-out, 0.3s padding-top ease-in-out, 0.3s padding-bottom ease-in-out;
}
.horizontal-collapse-transition {
  transition: 0.3s width ease-in-out, 0.3s padding-left ease-in-out, 0.3s padding-right ease-in-out;
}
.el-list-enter-active,
.el-list-leave-active {
  transition: all 1s;
}
.el-list-enter,
.el-list-leave-active {
  opacity: 0;
  transform: translateY(-30px);
}
.el-opacity-transition {
  transition: opacity 0.3s cubic-bezier(0.55, 0, 0.1, 1);
}
.el-date-editor {
  position: relative;
  display: inline-block;
}
.el-date-editor .el-picker-panel {
  position: absolute;
  min-width: 180px;
  box-sizing: border-box;
  box-shadow: 0 2px 6px #ccc;
  background: #fff;
  z-index: 10;
  top: 41px;
}
.el-date-editor.el-input {
  width: 193px;
}
.el-date-editor--daterange.el-input {
  width: 220px;
}
.el-date-editor--datetimerange.el-input {
  width: 350px;
}
.el-time-spinner.has-seconds .el-time-spinner__wrapper {
  width: 33%;
}
.el-time-spinner.has-seconds .el-time-spinner__wrapper:nth-child(2) {
  margin-left: 1%;
}
.el-time-spinner__wrapper {
  max-height: 190px;
  overflow: auto;
  display: inline-block;
  width: 50%;
  vertical-align: top;
  position: relative;
}
.el-time-spinner__wrapper .el-scrollbar__wrap:not(.el-scrollbar__wrap--hidden-default) {
  padding-bottom: 15px;
}
.el-time-spinner__list {
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center;
}
.el-time-spinner__list::after,
.el-time-spinner__list::before {
  content: '';
  display: block;
  width: 100%;
  height: 80px;
}
.el-time-spinner__item {
  height: 32px;
  line-height: 32px;
  font-size: 12px;
}
.el-time-spinner__item:hover:not(.disabled):not(.active) {
  background: #e4e8f1;
  cursor: pointer;
}
.el-time-spinner__item.active:not(.disabled) {
  color: #fff;
}
.el-time-spinner__item.disabled {
  color: #d1dbe5;
  cursor: not-allowed;
}
.el-time-panel {
  margin: 5px 0;
  border: 1px solid #d1dbe5;
  background-color: #fff;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.12), 0 0 6px rgba(0, 0, 0, 0.04);
  border-radius: 2px;
  position: absolute;
  width: 180px;
  left: 0;
  z-index: 1000;
  -webkit-user-select: none;
  -moz-user-select: none;
       user-select: none;
}
.el-popover,
.el-tabs--border-card {
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.12), 0 0 6px 0 rgba(0, 0, 0, 0.04);
}
.el-slider__button,
.el-slider__button-wrapper {
  -webkit-user-select: none;
  -moz-user-select: none;
}
.el-time-panel__content {
  font-size: 0;
  position: relative;
  overflow: hidden;
}
.el-time-panel__content::after,
.el-time-panel__content::before {
  content: ':';
  top: 50%;
  color: #fff;
  position: absolute;
  font-size: 14px;
  margin-top: -15px;
  line-height: 16px;
  background-color: #20a0ff;
  height: 32px;
  z-index: -1;
  left: 0;
  right: 0;
  box-sizing: border-box;
  padding-top: 6px;
  text-align: left;
}
.el-time-panel__content::after {
  left: 50%;
  margin-left: -2px;
}
.el-time-panel__content::before {
  padding-left: 50%;
  margin-right: -2px;
}
.el-time-panel__content.has-seconds::after {
  left: 66.66667%;
}
.el-time-panel__content.has-seconds::before {
  padding-left: 33.33333%;
}
.el-time-panel__footer {
  border-top: 1px solid #e4e4e4;
  padding: 4px;
  height: 36px;
  line-height: 25px;
  text-align: right;
  box-sizing: border-box;
}
.el-time-panel__btn {
  border: none;
  line-height: 28px;
  padding: 0 5px;
  margin: 0 5px;
  cursor: pointer;
  background-color: transparent;
  outline: 0;
  font-size: 12px;
  color: #8391a5;
}
.el-time-panel__btn.confirm {
  font-weight: 800;
  color: #20a0ff;
}
.el-popover {
  position: absolute;
  background: #fff;
  min-width: 150px;
  border-radius: 2px;
  border: 1px solid #d1dbe5;
  padding: 10px;
  z-index: 2000;
  font-size: 12px;
}
.el-popover .popper__arrow,
.el-popover .popper__arrow::after {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}
.el-popover .popper__arrow {
  border-width: 6px;
}
.el-popover .popper__arrow::after {
  content: ' ';
  border-width: 6px;
}
.el-popover[x-placement^='top'] {
  margin-bottom: 12px;
}
.el-popover[x-placement^='top'] .popper__arrow {
  bottom: -6px;
  left: 50%;
  margin-right: 3px;
  border-top-color: #d1dbe5;
  border-bottom-width: 0;
}
.el-popover[x-placement^='top'] .popper__arrow::after {
  bottom: 1px;
  margin-left: -6px;
  border-top-color: #fff;
  border-bottom-width: 0;
}
.el-popover[x-placement^='bottom'] {
  margin-top: 12px;
}
.el-popover[x-placement^='bottom'] .popper__arrow {
  top: -6px;
  left: 50%;
  margin-right: 3px;
  border-top-width: 0;
  border-bottom-color: #d1dbe5;
}
.el-popover[x-placement^='bottom'] .popper__arrow::after {
  top: 1px;
  margin-left: -6px;
  border-top-width: 0;
  border-bottom-color: #fff;
}
.el-popover[x-placement^='right'] {
  margin-left: 12px;
}
.el-popover[x-placement^='right'] .popper__arrow {
  top: 50%;
  left: -6px;
  margin-bottom: 3px;
  border-right-color: #d1dbe5;
  border-left-width: 0;
}
.el-popover[x-placement^='right'] .popper__arrow::after {
  bottom: -6px;
  left: 1px;
  border-right-color: #fff;
  border-left-width: 0;
}
.el-popover[x-placement^='left'] {
  margin-right: 12px;
}
.el-popover[x-placement^='left'] .popper__arrow {
  top: 50%;
  right: -6px;
  margin-bottom: 3px;
  border-right-width: 0;
  border-left-color: #d1dbe5;
}
.el-popover[x-placement^='left'] .popper__arrow::after {
  right: 1px;
  bottom: -6px;
  margin-left: -6px;
  border-right-width: 0;
  border-left-color: #fff;
}
.el-popover__title {
  color: #1f2d3d;
  font-size: 13px;
  line-height: 1;
  margin-bottom: 9px;
}
.v-modal-enter {
  animation: v-modal-in 0.2s ease;
}
.v-modal-leave {
  animation: v-modal-out 0.2s ease forwards;
}
@keyframes v-modal-in {
  0% {
    opacity: 0;
  }
}
@keyframes v-modal-out {
  100% {
    opacity: 0;
  }
}
.v-modal {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0.5;
  background: #000;
}
.el-message-box {
  text-align: left;
  display: inline-block;
  vertical-align: middle;
  background-color: #fff;
  width: 420px;
  border-radius: 3px;
  font-size: 16px;
  overflow: hidden;
  backface-visibility: hidden;
}
.el-message-box__wrapper {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  text-align: center;
}
.el-message-box__wrapper::after {
  content: '';
  display: inline-block;
  height: 100%;
  width: 0;
  vertical-align: middle;
}
.el-message-box__header {
  position: relative;
  padding: 20px 20px 0;
}
.el-message-box__headerbtn {
  position: absolute;
  top: 19px;
  right: 20px;
  background: 0 0;
  border: none;
  outline: 0;
  padding: 0;
  cursor: pointer;
}
.el-message-box__headerbtn .el-message-box__close {
  color: #999;
}
.el-message-box__headerbtn:focus .el-message-box__close,
.el-message-box__headerbtn:hover .el-message-box__close {
  color: #20a0ff;
}
.el-message-box__content {
  padding: 30px 20px;
  color: #48576a;
  font-size: 14px;
  position: relative;
}
.el-message-box__input {
  padding-top: 15px;
}
.el-message-box__input input.invalid,
.el-message-box__input input.invalid:focus {
  border-color: #ff4949;
}
.el-message-box__errormsg {
  color: #ff4949;
  font-size: 12px;
  min-height: 18px;
  margin-top: 2px;
}
.el-message-box__title {
  padding-left: 0;
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 700;
  height: 18px;
  color: #333;
}
.el-message-box__message {
  margin: 0;
}
.el-message-box__message p {
  margin: 0;
  line-height: 1.4;
}
.el-message-box__btns {
  padding: 10px 20px 15px;
  text-align: right;
}
.el-message-box__btns button:nth-child(2) {
  margin-left: 10px;
}
.el-message-box__btns-reverse {
  flex-direction: row-reverse;
}
.el-message-box__status {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  font-size: 36px !important;
}
.el-message-box__status.el-icon-circle-check {
  color: #13ce66;
}
.el-message-box__status.el-icon-information {
  color: #50bfff;
}
.el-message-box__status.el-icon-warning {
  color: #f7ba2a;
}
.el-message-box__status.el-icon-circle-cross {
  color: #ff4949;
}
.msgbox-fade-enter-active {
  animation: msgbox-fade-in 0.3s;
}
.msgbox-fade-leave-active {
  animation: msgbox-fade-out 0.3s;
}
@keyframes msgbox-fade-in {
  0% {
    transform: translate3d(0, -20px, 0);
    opacity: 0;
  }
  100% {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@keyframes msgbox-fade-out {
  0% {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
  100% {
    transform: translate3d(0, -20px, 0);
    opacity: 0;
  }
}
.el-breadcrumb {
  font-size: 13px;
  line-height: 1;
}
.el-breadcrumb__separator {
  margin: 0 8px;
  color: #bfcbd9;
}
.el-breadcrumb__item {
  float: left;
}
.el-breadcrumb__item:last-child .el-breadcrumb__item__inner,
.el-breadcrumb__item:last-child .el-breadcrumb__item__inner a,
.el-breadcrumb__item:last-child .el-breadcrumb__item__inner a:hover,
.el-breadcrumb__item:last-child .el-breadcrumb__item__inner:hover {
  color: #97a8be;
  cursor: text;
}
.el-breadcrumb__item:last-child .el-breadcrumb__separator {
  display: none;
}
.el-breadcrumb__item__inner,
.el-breadcrumb__item__inner a {
  transition: color 0.15s linear;
  color: #48576a;
}
.el-breadcrumb__item__inner a:hover,
.el-breadcrumb__item__inner:hover {
  color: #20a0ff;
  cursor: pointer;
}
.el-form--label-left .el-form-item__label {
  text-align: left;
}
.el-form--label-top .el-form-item__label {
  float: none;
  display: inline-block;
  text-align: left;
  padding: 0 0 10px;
}
.el-form--inline .el-form-item {
  display: inline-block;
  margin-right: 10px;
  vertical-align: top;
}
.el-form--inline .el-form-item__label {
  float: none;
  display: inline-block;
}
.el-form--inline .el-form-item__content {
  display: inline-block;
  vertical-align: top;
}
.el-form--inline.el-form--label-top .el-form-item__content {
  display: block;
}
.el-form-item {
  margin-bottom: 22px;
}
.el-form-item .el-form-item {
  margin-bottom: 0;
}
.el-form-item.is-error .el-input-group__append .el-input__inner,
.el-form-item.is-error .el-input-group__prepend .el-input__inner,
.el-form-item.is-error .el-input__inner {
  border-color: transparent;
}
.el-form-item.is-error .el-input__inner,
.el-form-item.is-error .el-textarea__inner {
  border-color: #ff4949;
}
.el-form-item.is-required .el-form-item__label:before {
  content: '*';
  color: #ff4949;
  margin-right: 4px;
}
.el-form-item__label {
  text-align: right;
  vertical-align: middle;
  float: left;
  font-size: 14px;
  color: #48576a;
  line-height: 1;
  padding: 11px 12px 11px 0;
  box-sizing: border-box;
}
.el-form-item__content {
  line-height: 36px;
  position: relative;
  font-size: 14px;
}
.el-form-item__error {
  color: #ff4949;
  font-size: 12px;
  line-height: 1;
  padding-top: 4px;
  position: absolute;
  top: 100%;
  left: 0;
}
.el-tabs__header {
  border-bottom: 1px solid #d1dbe5;
  padding: 0;
  position: relative;
  margin: 0 0 15px;
}
.el-tabs__active-bar {
  position: absolute;
  bottom: 0;
  left: 0;
  height: 3px;
  background-color: #20a0ff;
  z-index: 1;
  transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  list-style: none;
}
.el-tabs__new-tab {
  float: right;
  border: 1px solid #d3dce6;
  height: 18px;
  width: 18px;
  line-height: 18px;
  margin: 12px 0 9px 10px;
  border-radius: 3px;
  text-align: center;
  font-size: 12px;
  color: #d3dce6;
  cursor: pointer;
  transition: all 0.15s;
}
.el-tabs__new-tab .el-icon-plus {
  transform: scale(0.8, 0.8);
}
.el-tabs__new-tab:hover {
  color: #20a0ff;
}
.el-tabs__nav-wrap {
  overflow: hidden;
  margin-bottom: -1px;
  position: relative;
}
.el-tabs__nav-wrap.is-scrollable {
  padding: 0 15px;
}
.el-tabs__nav-scroll {
  overflow: hidden;
}
.el-tabs__nav-next,
.el-tabs__nav-prev {
  position: absolute;
  cursor: pointer;
  line-height: 44px;
  font-size: 12px;
  color: #8391a5;
}
.el-tabs__nav-next {
  right: 0;
}
.el-tabs__nav-prev {
  left: 0;
}
.el-tabs__nav {
  position: relative;
  transition: transform 0.3s;
  float: left;
}
.el-tabs__item {
  padding: 0 16px;
  height: 42px;
  box-sizing: border-box;
  line-height: 42px;
  display: inline-block;
  list-style: none;
  font-size: 14px;
  color: #8391a5;
  position: relative;
}
.el-tabs__item .el-icon-close {
  border-radius: 50%;
  text-align: center;
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  margin-left: 5px;
}
.el-tabs__item .el-icon-close:before {
  transform: scale(0.7, 0.7);
  display: inline-block;
}
.el-tabs__item .el-icon-close:hover {
  background-color: #97a8be;
  color: #fff;
}
.el-tabs__item:hover {
  color: #1f2d3d;
  cursor: pointer;
}
.el-tabs__item.is-disabled {
  color: #bbb;
  cursor: default;
}
.el-tabs__item.is-active {
  color: #20a0ff;
}
.el-tabs__content {
  overflow: hidden;
  position: relative;
}
.el-tabs--card > .el-tabs__header .el-tabs__active-bar {
  display: none;
}
.el-tag,
.slideInLeft-transition,
.slideInRight-transition {
  display: inline-block;
}
.el-tabs--card > .el-tabs__header .el-tabs__item .el-icon-close {
  position: relative;
  font-size: 12px;
  width: 0;
  height: 14px;
  vertical-align: middle;
  line-height: 15px;
  overflow: hidden;
  top: -1px;
  right: -2px;
  transform-origin: 100% 50%;
}
.el-tabs--card > .el-tabs__header .el-tabs__item.is-active.is-closable .el-icon-close,
.el-tabs--card > .el-tabs__header .el-tabs__item.is-closable:hover .el-icon-close {
  width: 14px;
}
.el-tabs--card > .el-tabs__header .el-tabs__item {
  border: 1px solid transparent;
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.el-tabs--card > .el-tabs__header .el-tabs__item.is-closable:hover {
  padding-right: 9px;
  padding-left: 9px;
}
.el-tabs--card > .el-tabs__header .el-tabs__item.is-active {
  border: 1px solid #d1dbe5;
  border-bottom-color: #fff;
  border-radius: 4px 4px 0 0;
}
.el-tabs--card > .el-tabs__header .el-tabs__item.is-active.is-closable {
  padding-right: 16px;
  padding-left: 16px;
}
.el-tabs--border-card {
  background: #fff;
  border: 1px solid #d1dbe5;
}
.el-tabs--border-card > .el-tabs__content {
  padding: 15px;
}
.el-tabs--border-card > .el-tabs__header {
  background-color: #eef1f6;
  margin: 0;
}
.el-tabs--border-card > .el-tabs__header .el-tabs__item {
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  border: 1px solid transparent;
  border-top: 0;
  margin-right: -1px;
  margin-left: -1px;
}
.el-tabs--border-card > .el-tabs__header .el-tabs__item.is-active {
  background-color: #fff;
  border-right-color: #d1dbe5;
  border-left-color: #d1dbe5;
}
.el-tabs--border-card > .el-tabs__header .el-tabs__item.is-active:first-child {
  border-left-color: #d1dbe5;
}
.el-tabs--border-card > .el-tabs__header .el-tabs__item.is-active:last-child {
  border-right-color: #d1dbe5;
}
.slideInRight-enter {
  animation: slideInRight-enter 0.3s;
}
.slideInRight-leave {
  position: absolute;
  left: 0;
  right: 0;
  animation: slideInRight-leave 0.3s;
}
.slideInLeft-enter {
  animation: slideInLeft-enter 0.3s;
}
.slideInLeft-leave {
  position: absolute;
  left: 0;
  right: 0;
  animation: slideInLeft-leave 0.3s;
}
@keyframes slideInRight-enter {
  0% {
    opacity: 0;
    transform-origin: 0 0;
    transform: translateX(100%);
  }
  to {
    opacity: 1;
    transform-origin: 0 0;
    transform: translateX(0);
  }
}
@keyframes slideInRight-leave {
  0% {
    transform-origin: 0 0;
    transform: translateX(0);
    opacity: 1;
  }
  100% {
    transform-origin: 0 0;
    transform: translateX(100%);
    opacity: 0;
  }
}
@keyframes slideInLeft-enter {
  0% {
    opacity: 0;
    transform-origin: 0 0;
    transform: translateX(-100%);
  }
  to {
    opacity: 1;
    transform-origin: 0 0;
    transform: translateX(0);
  }
}
@keyframes slideInLeft-leave {
  0% {
    transform-origin: 0 0;
    transform: translateX(0);
    opacity: 1;
  }
  100% {
    transform-origin: 0 0;
    transform: translateX(-100%);
    opacity: 0;
  }
}
.el-tag {
  background-color: #8391a5;
  padding: 0 5px;
  height: 24px;
  line-height: 22px;
  font-size: 12px;
  color: #fff;
  border-radius: 4px;
  box-sizing: border-box;
  border: 1px solid transparent;
}
.el-tag .el-icon-close {
  border-radius: 50%;
  text-align: center;
  position: relative;
  cursor: pointer;
  font-size: 12px;
  transform: scale(0.75, 0.75);
  height: 18px;
  width: 18px;
  line-height: 18px;
  vertical-align: middle;
  top: -1px;
  right: -2px;
}
.el-tag .el-icon-close:hover {
  background-color: #fff;
  color: #8391a5;
}
.el-tag--gray {
  background-color: #e4e8f1;
  border-color: #e4e8f1;
  color: #48576a;
}
.el-tag--gray .el-tag__close:hover {
  background-color: #48576a;
  color: #fff;
}
.el-tag--gray.is-hit {
  border-color: #48576a;
}
.el-tag--primary {
  background-color: rgba(32, 160, 255, 0.1);
  border-color: rgba(32, 160, 255, 0.2);
  color: #20a0ff;
}
.el-tag--primary .el-tag__close:hover {
  background-color: #20a0ff;
  color: #fff;
}
.el-tag--primary.is-hit {
  border-color: #20a0ff;
}
.el-tag--success {
  background-color: rgba(18, 206, 102, 0.1);
  border-color: rgba(18, 206, 102, 0.2);
  color: #13ce66;
}
.el-tag--success .el-tag__close:hover {
  background-color: #13ce66;
  color: #fff;
}
.el-tag--success.is-hit {
  border-color: #13ce66;
}
.el-tag--warning {
  background-color: rgba(247, 186, 41, 0.1);
  border-color: rgba(247, 186, 41, 0.2);
  color: #f7ba2a;
}
.el-tag--warning .el-tag__close:hover {
  background-color: #f7ba2a;
  color: #fff;
}
.el-tag--warning.is-hit {
  border-color: #f7ba2a;
}
.el-tag--danger {
  background-color: rgba(255, 73, 73, 0.1);
  border-color: rgba(255, 73, 73, 0.2);
  color: #ff4949;
}
.el-tag--danger .el-tag__close:hover {
  background-color: #ff4949;
  color: #fff;
}
.el-tag--danger.is-hit {
  border-color: #ff4949;
}
.el-tree {
  cursor: default;
  background: #fff;
  border: 1px solid #d1dbe5;
}
.el-tree__empty-block {
  position: relative;
  min-height: 60px;
  text-align: center;
  width: 100%;
  height: 100%;
}
.el-tree__empty-text {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  color: #5e7382;
}
.el-tree-node > .el-tree-node__children {
  overflow: hidden;
  background-color: transparent;
}
.el-tree-node.is-expanded > .el-tree-node__children {
  display: block;
}
.el-tree-node__expand-icon,
.el-tree-node__label,
.el-tree-node__loading-icon {
  display: inline-block;
  vertical-align: middle;
}
.el-tree-node__content {
  line-height: 36px;
  height: 36px;
  cursor: pointer;
}
.el-tree-node__content > .el-checkbox,
.el-tree-node__content > .el-tree-node__expand-icon {
  margin-right: 8px;
}
.el-tree-node__content > .el-checkbox {
  vertical-align: middle;
}
.el-tree-node__content:hover {
  background: #e4e8f1;
}
.el-tree-node__expand-icon {
  cursor: pointer;
  width: 0;
  height: 0;
  margin-left: 10px;
  border: 6px solid transparent;
  border-right-width: 0;
  border-left-color: #97a8be;
  border-left-width: 7px;
  transform: rotate(0);
  transition: transform 0.3s ease-in-out;
}
.el-tree-node__expand-icon:hover {
  border-left-color: #999;
}
.el-tree-node__expand-icon.expanded {
  transform: rotate(90deg);
}
.el-tree-node__expand-icon.is-leaf {
  border-color: transparent;
  cursor: default;
}
.el-tree-node__label {
  font-size: 14px;
}
.el-tree-node__loading-icon {
  margin-right: 4px;
  font-size: 14px;
  color: #97a8be;
}
.el-tree--highlight-current .el-tree-node.is-current > .el-tree-node__content {
  background-color: #edf7ff;
}
.el-alert {
  width: 100%;
  padding: 8px 16px;
  margin: 0;
  box-sizing: border-box;
  border-radius: 4px;
  position: relative;
  background-color: #fff;
  overflow: hidden;
  color: #fff;
  opacity: 1;
  display: table;
  transition: opacity 0.2s;
}
.el-alert .el-alert__description {
  color: #fff;
  font-size: 12px;
  margin: 5px 0 0;
}
.el-alert--success {
  background-color: #13ce66;
}
.el-alert--info {
  background-color: #50bfff;
}
.el-alert--warning {
  background-color: #f7ba2a;
}
.el-alert--error {
  background-color: #ff4949;
}
.el-alert__content {
  display: table-cell;
  padding: 0 8px;
}
.el-alert__icon {
  font-size: 16px;
  width: 16px;
  display: table-cell;
  color: #fff;
  vertical-align: middle;
}
.el-alert__icon.is-big {
  font-size: 28px;
  width: 28px;
}
.el-alert__title {
  font-size: 13px;
  line-height: 18px;
}
.el-alert__title.is-bold {
  font-weight: 700;
}
.el-alert__closebtn {
  font-size: 12px;
  color: #fff;
  opacity: 1;
  top: 12px;
  right: 15px;
  position: absolute;
  cursor: pointer;
}
.el-alert-fade-enter,
.el-alert-fade-leave-active,
.el-loading-fade-enter,
.el-loading-fade-leave-active,
.el-notification-fade-leave-active {
  opacity: 0;
}
.el-alert__closebtn.is-customed {
  font-style: normal;
  font-size: 13px;
  top: 9px;
}
.el-notification {
  width: 330px;
  padding: 20px;
  box-sizing: border-box;
  border-radius: 2px;
  position: fixed;
  right: 16px;
  background-color: #fff;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.12), 0 0 6px rgba(0, 0, 0, 0.04);
  transition: opacity 0.3s, transform 0.3s, right 0.3s, top 0.4s;
  overflow: hidden;
}
.el-notification .el-icon-circle-check {
  color: #13ce66;
}
.el-notification .el-icon-circle-cross {
  color: #ff4949;
}
.el-notification .el-icon-information {
  color: #50bfff;
}
.el-notification .el-icon-warning {
  color: #f7ba2a;
}
.el-notification__group {
  margin-left: 0;
}
.el-notification__group.is-with-icon {
  margin-left: 55px;
}
.el-notification__title {
  font-weight: 400;
  font-size: 16px;
  color: #1f2d3d;
  margin: 0;
}
.el-notification__content {
  font-size: 14px;
  line-height: 21px;
  margin: 10px 0 0;
  color: #8391a5;
  text-align: justify;
}
.el-notification__icon {
  width: 40px;
  height: 40px;
  font-size: 40px;
  float: left;
  position: relative;
  top: 3px;
}
.el-notification__closeBtn {
  top: 20px;
  right: 20px;
  position: absolute;
  cursor: pointer;
  color: #bfcbd9;
  font-size: 14px;
}
.el-notification__closeBtn:hover {
  color: #97a8be;
}
.el-notification-fade-enter {
  transform: translateX(100%);
  right: 0;
}
.el-input-number {
  display: inline-block;
  width: 180px;
  position: relative;
  line-height: normal;
}
.el-input-number .el-input {
  display: block;
}
.el-input-number .el-input__inner {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding-right: 82px;
}
.el-input-number.is-without-controls .el-input__inner {
  padding-right: 10px;
}
.el-input-number.is-disabled .el-input-number__decrease,
.el-input-number.is-disabled .el-input-number__increase {
  border-color: #d1dbe5;
  color: #d1dbe5;
}
.el-input-number.is-disabled .el-input-number__decrease:hover,
.el-input-number.is-disabled .el-input-number__increase:hover {
  color: #d1dbe5;
  cursor: not-allowed;
}
.el-input-number__decrease,
.el-input-number__increase {
  height: auto;
  border-left: 1px solid #bfcbd9;
  width: 36px;
  line-height: 34px;
  top: 1px;
  text-align: center;
  color: #97a8be;
  cursor: pointer;
  position: absolute;
  z-index: 1;
}
.el-input-number__decrease:hover,
.el-input-number__increase:hover {
  color: #20a0ff;
}
.el-input-number__decrease:hover:not(.is-disabled) ~ .el-input .el-input__inner:not(.is-disabled),
.el-input-number__increase:hover:not(.is-disabled) ~ .el-input .el-input__inner:not(.is-disabled) {
  border-color: #20a0ff;
}
.el-input-number__decrease.is-disabled,
.el-input-number__increase.is-disabled {
  color: #d1dbe5;
  cursor: not-allowed;
}
.el-input-number__increase {
  right: 0;
}
.el-input-number__decrease {
  right: 37px;
}
.el-input-number--large {
  width: 200px;
}
.el-input-number--large .el-input-number__decrease,
.el-input-number--large .el-input-number__increase {
  line-height: 40px;
  width: 42px;
  font-size: 16px;
}
.el-input-number--large .el-input-number__decrease {
  right: 43px;
}
.el-input-number--large .el-input__inner {
  padding-right: 94px;
}
.el-input-number--small {
  width: 130px;
}
.el-input-number--small .el-input-number__decrease,
.el-input-number--small .el-input-number__increase {
  line-height: 28px;
  width: 30px;
  font-size: 13px;
}
.el-input-number--small .el-input-number__decrease {
  right: 31px;
}
.el-input-number--small .el-input__inner {
  padding-right: 70px;
}
.el-tooltip__popper {
  position: absolute;
  border-radius: 4px;
  padding: 10px;
  z-index: 2000;
  font-size: 12px;
  line-height: 1.2;
}
.el-tooltip__popper .popper__arrow,
.el-tooltip__popper .popper__arrow::after {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}
.el-tooltip__popper .popper__arrow {
  border-width: 6px;
}
.el-tooltip__popper .popper__arrow::after {
  content: ' ';
  border-width: 5px;
}
.el-progress-bar__inner:after,
.el-row:after,
.el-row:before,
.el-slider:after,
.el-slider:before,
.el-slider__button-wrapper:after,
.el-upload-cover:after {
  content: '';
}
.el-tooltip__popper[x-placement^='top'] {
  margin-bottom: 12px;
}
.el-tooltip__popper[x-placement^='top'] .popper__arrow {
  bottom: -6px;
  border-top-color: #1f2d3d;
  border-bottom-width: 0;
}
.el-tooltip__popper[x-placement^='top'] .popper__arrow::after {
  bottom: 1px;
  margin-left: -5px;
  border-top-color: #1f2d3d;
  border-bottom-width: 0;
}
.el-tooltip__popper[x-placement^='bottom'] {
  margin-top: 12px;
}
.el-tooltip__popper[x-placement^='bottom'] .popper__arrow {
  top: -6px;
  border-top-width: 0;
  border-bottom-color: #1f2d3d;
}
.el-tooltip__popper[x-placement^='bottom'] .popper__arrow::after {
  top: 1px;
  margin-left: -5px;
  border-top-width: 0;
  border-bottom-color: #1f2d3d;
}
.el-tooltip__popper[x-placement^='right'] {
  margin-left: 12px;
}
.el-tooltip__popper[x-placement^='right'] .popper__arrow {
  left: -6px;
  border-right-color: #1f2d3d;
  border-left-width: 0;
}
.el-tooltip__popper[x-placement^='right'] .popper__arrow::after {
  bottom: -5px;
  left: 1px;
  border-right-color: #1f2d3d;
  border-left-width: 0;
}
.el-tooltip__popper[x-placement^='left'] {
  margin-right: 12px;
}
.el-tooltip__popper[x-placement^='left'] .popper__arrow {
  right: -6px;
  border-right-width: 0;
  border-left-color: #1f2d3d;
}
.el-tooltip__popper[x-placement^='left'] .popper__arrow::after {
  right: 1px;
  bottom: -5px;
  margin-left: -5px;
  border-right-width: 0;
  border-left-color: #1f2d3d;
}
.el-tooltip__popper.is-light {
  background: #fff;
  border: 1px solid #1f2d3d;
}
.el-tooltip__popper.is-light[x-placement^='top'] .popper__arrow {
  border-top-color: #1f2d3d;
}
.el-tooltip__popper.is-light[x-placement^='top'] .popper__arrow::after {
  border-top-color: #fff;
}
.el-tooltip__popper.is-light[x-placement^='bottom'] .popper__arrow {
  border-bottom-color: #1f2d3d;
}
.el-tooltip__popper.is-light[x-placement^='bottom'] .popper__arrow::after {
  border-bottom-color: #fff;
}
.el-tooltip__popper.is-light[x-placement^='left'] .popper__arrow {
  border-left-color: #1f2d3d;
}
.el-tooltip__popper.is-light[x-placement^='left'] .popper__arrow::after {
  border-left-color: #fff;
}
.el-tooltip__popper.is-light[x-placement^='right'] .popper__arrow {
  border-right-color: #1f2d3d;
}
.el-tooltip__popper.is-light[x-placement^='right'] .popper__arrow::after {
  border-right-color: #fff;
}
.el-tooltip__popper.is-dark {
  background: #1f2d3d;
  color: #fff;
}
.el-slider:after,
.el-slider:before {
  display: table;
}
.el-slider__button-wrapper .el-tooltip,
.el-slider__button-wrapper:after {
  display: inline-block;
  vertical-align: middle;
}
.el-slider.is-vertical {
  position: relative;
}
.el-slider.is-vertical .el-slider__runway {
  width: 4px;
  height: 100%;
  margin: 0 16px;
}
.el-slider.is-vertical .el-slider__bar {
  width: 4px;
  height: auto;
  border-radius: 0 0 3px 3px;
}
.el-slider.is-vertical .el-slider__button-wrapper {
  top: auto;
  left: -16px;
  transform: translateY(50%);
}
.el-slider.is-vertical .el-slider__stop {
  transform: translateY(50%);
}
.el-slider.is-vertical.el-slider--with-input {
  padding-bottom: 64px;
}
.el-slider.is-vertical.el-slider--with-input .el-slider__input {
  overflow: visible;
  float: none;
  position: absolute;
  bottom: 22px;
  width: 36px;
  margin-top: 15px;
}
.el-slider.is-vertical.el-slider--with-input .el-slider__input .el-input__inner {
  text-align: center;
  padding-left: 5px;
  padding-right: 5px;
}
.el-slider.is-vertical.el-slider--with-input .el-slider__input .el-input-number__decrease,
.el-slider.is-vertical.el-slider--with-input .el-slider__input .el-input-number__increase {
  top: 30px;
  margin-top: -1px;
  border: 1px solid #bfcbd9;
  line-height: 20px;
  box-sizing: border-box;
  transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.el-slider.is-vertical.el-slider--with-input .el-slider__input .el-input-number__decrease {
  width: 18px;
  right: 18px;
  border-bottom-left-radius: 4px;
}
.el-slider.is-vertical.el-slider--with-input .el-slider__input .el-input-number__increase {
  width: 19px;
  border-bottom-right-radius: 4px;
}
.el-slider.is-vertical.el-slider--with-input .el-slider__input .el-input-number__increase ~ .el-input .el-input__inner {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.el-slider.is-vertical.el-slider--with-input .el-slider__input:hover .el-input-number__decrease,
.el-slider.is-vertical.el-slider--with-input .el-slider__input:hover .el-input-number__increase {
  border-color: #8391a5;
}
.el-slider.is-vertical.el-slider--with-input .el-slider__input:active .el-input-number__decrease,
.el-slider.is-vertical.el-slider--with-input .el-slider__input:active .el-input-number__increase {
  border-color: #20a0ff;
}
.el-slider__runway {
  width: 100%;
  height: 4px;
  margin: 16px 0;
  background-color: #e4e8f1;
  border-radius: 3px;
  position: relative;
  cursor: pointer;
  vertical-align: middle;
}
.el-slider__runway.show-input {
  margin-right: 160px;
  width: auto;
}
.el-slider__runway.disabled {
  cursor: default;
}
.el-slider__runway.disabled .el-slider__bar,
.el-slider__runway.disabled .el-slider__button {
  background-color: #bfcbd9;
}
.el-slider__runway.disabled .el-slider__button-wrapper.dragging,
.el-slider__runway.disabled .el-slider__button-wrapper.hover,
.el-slider__runway.disabled .el-slider__button-wrapper:hover {
  cursor: not-allowed;
}
.el-slider__runway.disabled .el-slider__button.dragging,
.el-slider__runway.disabled .el-slider__button.hover,
.el-slider__runway.disabled .el-slider__button:hover {
  transform: scale(1);
  cursor: not-allowed;
}
.el-slider__input {
  float: right;
  margin-top: 3px;
}
.el-slider__bar {
  height: 4px;
  background-color: #20a0ff;
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
  position: absolute;
}
.el-slider__button-wrapper {
  width: 36px;
  height: 36px;
  position: absolute;
  z-index: 1001;
  top: -16px;
  transform: translateX(-50%);
  background-color: transparent;
  text-align: center;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.el-slider__button-wrapper:after {
  height: 100%;
}
.el-slider__button-wrapper.hover,
.el-slider__button-wrapper:hover {
  cursor: grab;
}
.el-slider__button-wrapper.dragging {
  cursor: grabbing;
}
.el-slider__button {
  width: 12px;
  height: 12px;
  background-color: #20a0ff;
  border-radius: 50%;
  transition: 0.2s;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.el-slider__button.dragging,
.el-slider__button.hover,
.el-slider__button:hover {
  transform: scale(1.5);
  background-color: #1c8de0;
}
.el-slider__button.hover,
.el-slider__button:hover {
  cursor: grab;
}
.el-slider__button.dragging {
  cursor: grabbing;
}
.el-slider__stop {
  position: absolute;
  width: 4px;
  height: 4px;
  border-radius: 100%;
  background-color: #bfcbd9;
  transform: translateX(-50%);
}
.el-loading-mask {
  position: absolute;
  z-index: 10000;
  background-color: rgba(255, 255, 255, 0.9);
  margin: 0;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  transition: opacity 0.3s;
}
.el-loading-mask.is-fullscreen {
  position: fixed;
}
.el-loading-mask.is-fullscreen .el-loading-spinner {
  margin-top: -25px;
}
.el-loading-mask.is-fullscreen .el-loading-spinner .circular {
  width: 50px;
  height: 50px;
}
.el-loading-spinner {
  top: 50%;
  margin-top: -21px;
  width: 100%;
  text-align: center;
  position: absolute;
}
.el-col-pull-0,
.el-col-pull-1,
.el-col-pull-10,
.el-col-pull-11,
.el-col-pull-13,
.el-col-pull-14,
.el-col-pull-15,
.el-col-pull-16,
.el-col-pull-17,
.el-col-pull-18,
.el-col-pull-19,
.el-col-pull-2,
.el-col-pull-20,
.el-col-pull-21,
.el-col-pull-22,
.el-col-pull-23,
.el-col-pull-24,
.el-col-pull-3,
.el-col-pull-4,
.el-col-pull-5,
.el-col-pull-6,
.el-col-pull-7,
.el-col-pull-8,
.el-col-pull-9,
.el-col-push-0,
.el-col-push-1,
.el-col-push-10,
.el-col-push-11,
.el-col-push-12,
.el-col-push-13,
.el-col-push-14,
.el-col-push-15,
.el-col-push-16,
.el-col-push-17,
.el-col-push-18,
.el-col-push-19,
.el-col-push-2,
.el-col-push-20,
.el-col-push-21,
.el-col-push-22,
.el-col-push-23,
.el-col-push-24,
.el-col-push-3,
.el-col-push-4,
.el-col-push-5,
.el-col-push-6,
.el-col-push-7,
.el-col-push-8,
.el-col-push-9,
.el-row {
  position: relative;
}
.el-loading-spinner .el-loading-text {
  color: black;
  margin: 3px 0;
  font-size: 12px;
}
.el-loading-spinner .circular {
  width: 42px;
  height: 42px;
  animation: loading-rotate 2s linear infinite;
}
.el-loading-spinner .path {
  animation: loading-dash 1.5s ease-in-out infinite;
  stroke-dasharray: 90, 150;
  stroke-dashoffset: 0;
  stroke-width: 6;
  stroke: #0847a6;
  stroke-linecap: round;
}
@keyframes loading-rotate {
  100% {
    transform: rotate(360deg);
  }
}
@keyframes loading-dash {
  0% {
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0;
  }
  50% {
    stroke-dasharray: 90, 150;
    stroke-dashoffset: -40px;
  }
  100% {
    stroke-dasharray: 90, 150;
    stroke-dashoffset: -120px;
  }
}
.el-row {
  box-sizing: border-box;
}
.el-row:after,
.el-row:before {
  display: table;
}
.el-row--flex {
  display: flex;
}
.el-row--flex:after,
.el-row--flex:before {
  display: none;
}
.el-row--flex.is-align-bottom {
  align-items: flex-end;
}
.el-row--flex.is-align-middle {
  align-items: center;
}
.el-row--flex.is-justify-space-around {
  justify-content: space-around;
}
.el-row--flex.is-justify-space-between {
  justify-content: space-between;
}
.el-row--flex.is-justify-end {
  justify-content: flex-end;
}
.el-row--flex.is-justify-center {
  justify-content: center;
}
.el-col-1,
.el-col-10,
.el-col-11,
.el-col-12,
.el-col-13,
.el-col-14,
.el-col-15,
.el-col-16,
.el-col-17,
.el-col-18,
.el-col-19,
.el-col-2,
.el-col-20,
.el-col-21,
.el-col-22,
.el-col-23,
.el-col-24,
.el-col-3,
.el-col-4,
.el-col-5,
.el-col-6,
.el-col-7,
.el-col-8,
.el-col-9 {
  float: left;
  box-sizing: border-box;
}
.el-col-0 {
  width: 0;
}
.el-col-offset-0 {
  margin-left: 0;
}
.el-col-pull-0 {
  right: 0;
}
.el-col-push-0 {
  left: 0;
}
.el-col-1 {
  width: 4.16667%;
}
.el-col-offset-1 {
  margin-left: 4.16667%;
}
.el-col-pull-1 {
  right: 4.16667%;
}
.el-col-push-1 {
  left: 4.16667%;
}
.el-col-2 {
  width: 8.33333%;
}
.el-col-offset-2 {
  margin-left: 8.33333%;
}
.el-col-pull-2 {
  right: 8.33333%;
}
.el-col-push-2 {
  left: 8.33333%;
}
.el-col-3 {
  width: 12.5%;
}
.el-col-offset-3 {
  margin-left: 12.5%;
}
.el-col-pull-3 {
  right: 12.5%;
}
.el-col-push-3 {
  left: 12.5%;
}
.el-col-4 {
  width: 16.66667%;
}
.el-col-offset-4 {
  margin-left: 16.66667%;
}
.el-col-pull-4 {
  right: 16.66667%;
}
.el-col-push-4 {
  left: 16.66667%;
}
.el-col-5 {
  width: 20.83333%;
}
.el-col-offset-5 {
  margin-left: 20.83333%;
}
.el-col-pull-5 {
  right: 20.83333%;
}
.el-col-push-5 {
  left: 20.83333%;
}
.el-col-6 {
  width: 25%;
}
.el-col-offset-6 {
  margin-left: 25%;
}
.el-col-pull-6 {
  right: 25%;
}
.el-col-push-6 {
  left: 25%;
}
.el-col-7 {
  width: 29.16667%;
}
.el-col-offset-7 {
  margin-left: 29.16667%;
}
.el-col-pull-7 {
  right: 29.16667%;
}
.el-col-push-7 {
  left: 29.16667%;
}
.el-col-8 {
  width: 33.33333%;
}
.el-col-offset-8 {
  margin-left: 33.33333%;
}
.el-col-pull-8 {
  right: 33.33333%;
}
.el-col-push-8 {
  left: 33.33333%;
}
.el-col-9 {
  width: 37.5%;
}
.el-col-offset-9 {
  margin-left: 37.5%;
}
.el-col-pull-9 {
  right: 37.5%;
}
.el-col-push-9 {
  left: 37.5%;
}
.el-col-10 {
  width: 41.66667%;
}
.el-col-offset-10 {
  margin-left: 41.66667%;
}
.el-col-pull-10 {
  right: 41.66667%;
}
.el-col-push-10 {
  left: 41.66667%;
}
.el-col-11 {
  width: 45.83333%;
}
.el-col-offset-11 {
  margin-left: 45.83333%;
}
.el-col-pull-11 {
  right: 45.83333%;
}
.el-col-push-11 {
  left: 45.83333%;
}
.el-col-12 {
  width: 50%;
}
.el-col-offset-12 {
  margin-left: 50%;
}
.el-col-pull-12 {
  position: relative;
  right: 50%;
}
.el-col-push-12 {
  left: 50%;
}
.el-col-13 {
  width: 54.16667%;
}
.el-col-offset-13 {
  margin-left: 54.16667%;
}
.el-col-pull-13 {
  right: 54.16667%;
}
.el-col-push-13 {
  left: 54.16667%;
}
.el-col-14 {
  width: 58.33333%;
}
.el-col-offset-14 {
  margin-left: 58.33333%;
}
.el-col-pull-14 {
  right: 58.33333%;
}
.el-col-push-14 {
  left: 58.33333%;
}
.el-col-15 {
  width: 62.5%;
}
.el-col-offset-15 {
  margin-left: 62.5%;
}
.el-col-pull-15 {
  right: 62.5%;
}
.el-col-push-15 {
  left: 62.5%;
}
.el-col-16 {
  width: 66.66667%;
}
.el-col-offset-16 {
  margin-left: 66.66667%;
}
.el-col-pull-16 {
  right: 66.66667%;
}
.el-col-push-16 {
  left: 66.66667%;
}
.el-col-17 {
  width: 70.83333%;
}
.el-col-offset-17 {
  margin-left: 70.83333%;
}
.el-col-pull-17 {
  right: 70.83333%;
}
.el-col-push-17 {
  left: 70.83333%;
}
.el-col-18 {
  width: 75%;
}
.el-col-offset-18 {
  margin-left: 75%;
}
.el-col-pull-18 {
  right: 75%;
}
.el-col-push-18 {
  left: 75%;
}
.el-col-19 {
  width: 79.16667%;
}
.el-col-offset-19 {
  margin-left: 79.16667%;
}
.el-col-pull-19 {
  right: 79.16667%;
}
.el-col-push-19 {
  left: 79.16667%;
}
.el-col-20 {
  width: 83.33333%;
}
.el-col-offset-20 {
  margin-left: 83.33333%;
}
.el-col-pull-20 {
  right: 83.33333%;
}
.el-col-push-20 {
  left: 83.33333%;
}
.el-col-21 {
  width: 87.5%;
}
.el-col-offset-21 {
  margin-left: 87.5%;
}
.el-col-pull-21 {
  right: 87.5%;
}
.el-col-push-21 {
  left: 87.5%;
}
.el-col-22 {
  width: 91.66667%;
}
.el-col-offset-22 {
  margin-left: 91.66667%;
}
.el-col-pull-22 {
  right: 91.66667%;
}
.el-col-push-22 {
  left: 91.66667%;
}
.el-col-23 {
  width: 95.83333%;
}
.el-col-offset-23 {
  margin-left: 95.83333%;
}
.el-col-pull-23 {
  right: 95.83333%;
}
.el-col-push-23 {
  left: 95.83333%;
}
.el-col-24 {
  width: 100%;
}
.el-col-offset-24 {
  margin-left: 100%;
}
.el-col-pull-24 {
  right: 100%;
}
.el-col-push-24 {
  left: 100%;
}
@media (max-width: 768px) {
  .el-col-xs-0 {
    width: 0;
  }
  .el-col-xs-offset-0 {
    margin-left: 0;
  }
  .el-col-xs-pull-0 {
    position: relative;
    right: 0;
  }
  .el-col-xs-push-0 {
    position: relative;
    left: 0;
  }
  .el-col-xs-1 {
    width: 4.16667%;
  }
  .el-col-xs-offset-1 {
    margin-left: 4.16667%;
  }
  .el-col-xs-pull-1 {
    position: relative;
    right: 4.16667%;
  }
  .el-col-xs-push-1 {
    position: relative;
    left: 4.16667%;
  }
  .el-col-xs-2 {
    width: 8.33333%;
  }
  .el-col-xs-offset-2 {
    margin-left: 8.33333%;
  }
  .el-col-xs-pull-2 {
    position: relative;
    right: 8.33333%;
  }
  .el-col-xs-push-2 {
    position: relative;
    left: 8.33333%;
  }
  .el-col-xs-3 {
    width: 12.5%;
  }
  .el-col-xs-offset-3 {
    margin-left: 12.5%;
  }
  .el-col-xs-pull-3 {
    position: relative;
    right: 12.5%;
  }
  .el-col-xs-push-3 {
    position: relative;
    left: 12.5%;
  }
  .el-col-xs-4 {
    width: 16.66667%;
  }
  .el-col-xs-offset-4 {
    margin-left: 16.66667%;
  }
  .el-col-xs-pull-4 {
    position: relative;
    right: 16.66667%;
  }
  .el-col-xs-push-4 {
    position: relative;
    left: 16.66667%;
  }
  .el-col-xs-5 {
    width: 20.83333%;
  }
  .el-col-xs-offset-5 {
    margin-left: 20.83333%;
  }
  .el-col-xs-pull-5 {
    position: relative;
    right: 20.83333%;
  }
  .el-col-xs-push-5 {
    position: relative;
    left: 20.83333%;
  }
  .el-col-xs-6 {
    width: 25%;
  }
  .el-col-xs-offset-6 {
    margin-left: 25%;
  }
  .el-col-xs-pull-6 {
    position: relative;
    right: 25%;
  }
  .el-col-xs-push-6 {
    position: relative;
    left: 25%;
  }
  .el-col-xs-7 {
    width: 29.16667%;
  }
  .el-col-xs-offset-7 {
    margin-left: 29.16667%;
  }
  .el-col-xs-pull-7 {
    position: relative;
    right: 29.16667%;
  }
  .el-col-xs-push-7 {
    position: relative;
    left: 29.16667%;
  }
  .el-col-xs-8 {
    width: 33.33333%;
  }
  .el-col-xs-offset-8 {
    margin-left: 33.33333%;
  }
  .el-col-xs-pull-8 {
    position: relative;
    right: 33.33333%;
  }
  .el-col-xs-push-8 {
    position: relative;
    left: 33.33333%;
  }
  .el-col-xs-9 {
    width: 37.5%;
  }
  .el-col-xs-offset-9 {
    margin-left: 37.5%;
  }
  .el-col-xs-pull-9 {
    position: relative;
    right: 37.5%;
  }
  .el-col-xs-push-9 {
    position: relative;
    left: 37.5%;
  }
  .el-col-xs-10 {
    width: 41.66667%;
  }
  .el-col-xs-offset-10 {
    margin-left: 41.66667%;
  }
  .el-col-xs-pull-10 {
    position: relative;
    right: 41.66667%;
  }
  .el-col-xs-push-10 {
    position: relative;
    left: 41.66667%;
  }
  .el-col-xs-11 {
    width: 45.83333%;
  }
  .el-col-xs-offset-11 {
    margin-left: 45.83333%;
  }
  .el-col-xs-pull-11 {
    position: relative;
    right: 45.83333%;
  }
  .el-col-xs-push-11 {
    position: relative;
    left: 45.83333%;
  }
  .el-col-xs-12 {
    width: 50%;
  }
  .el-col-xs-offset-12 {
    margin-left: 50%;
  }
  .el-col-xs-pull-12 {
    position: relative;
    right: 50%;
  }
  .el-col-xs-push-12 {
    position: relative;
    left: 50%;
  }
  .el-col-xs-13 {
    width: 54.16667%;
  }
  .el-col-xs-offset-13 {
    margin-left: 54.16667%;
  }
  .el-col-xs-pull-13 {
    position: relative;
    right: 54.16667%;
  }
  .el-col-xs-push-13 {
    position: relative;
    left: 54.16667%;
  }
  .el-col-xs-14 {
    width: 58.33333%;
  }
  .el-col-xs-offset-14 {
    margin-left: 58.33333%;
  }
  .el-col-xs-pull-14 {
    position: relative;
    right: 58.33333%;
  }
  .el-col-xs-push-14 {
    position: relative;
    left: 58.33333%;
  }
  .el-col-xs-15 {
    width: 62.5%;
  }
  .el-col-xs-offset-15 {
    margin-left: 62.5%;
  }
  .el-col-xs-pull-15 {
    position: relative;
    right: 62.5%;
  }
  .el-col-xs-push-15 {
    position: relative;
    left: 62.5%;
  }
  .el-col-xs-16 {
    width: 66.66667%;
  }
  .el-col-xs-offset-16 {
    margin-left: 66.66667%;
  }
  .el-col-xs-pull-16 {
    position: relative;
    right: 66.66667%;
  }
  .el-col-xs-push-16 {
    position: relative;
    left: 66.66667%;
  }
  .el-col-xs-17 {
    width: 70.83333%;
  }
  .el-col-xs-offset-17 {
    margin-left: 70.83333%;
  }
  .el-col-xs-pull-17 {
    position: relative;
    right: 70.83333%;
  }
  .el-col-xs-push-17 {
    position: relative;
    left: 70.83333%;
  }
  .el-col-xs-18 {
    width: 75%;
  }
  .el-col-xs-offset-18 {
    margin-left: 75%;
  }
  .el-col-xs-pull-18 {
    position: relative;
    right: 75%;
  }
  .el-col-xs-push-18 {
    position: relative;
    left: 75%;
  }
  .el-col-xs-19 {
    width: 79.16667%;
  }
  .el-col-xs-offset-19 {
    margin-left: 79.16667%;
  }
  .el-col-xs-pull-19 {
    position: relative;
    right: 79.16667%;
  }
  .el-col-xs-push-19 {
    position: relative;
    left: 79.16667%;
  }
  .el-col-xs-20 {
    width: 83.33333%;
  }
  .el-col-xs-offset-20 {
    margin-left: 83.33333%;
  }
  .el-col-xs-pull-20 {
    position: relative;
    right: 83.33333%;
  }
  .el-col-xs-push-20 {
    position: relative;
    left: 83.33333%;
  }
  .el-col-xs-21 {
    width: 87.5%;
  }
  .el-col-xs-offset-21 {
    margin-left: 87.5%;
  }
  .el-col-xs-pull-21 {
    position: relative;
    right: 87.5%;
  }
  .el-col-xs-push-21 {
    position: relative;
    left: 87.5%;
  }
  .el-col-xs-22 {
    width: 91.66667%;
  }
  .el-col-xs-offset-22 {
    margin-left: 91.66667%;
  }
  .el-col-xs-pull-22 {
    position: relative;
    right: 91.66667%;
  }
  .el-col-xs-push-22 {
    position: relative;
    left: 91.66667%;
  }
  .el-col-xs-23 {
    width: 95.83333%;
  }
  .el-col-xs-offset-23 {
    margin-left: 95.83333%;
  }
  .el-col-xs-pull-23 {
    position: relative;
    right: 95.83333%;
  }
  .el-col-xs-push-23 {
    position: relative;
    left: 95.83333%;
  }
  .el-col-xs-24 {
    width: 100%;
  }
  .el-col-xs-offset-24 {
    margin-left: 100%;
  }
  .el-col-xs-pull-24 {
    position: relative;
    right: 100%;
  }
  .el-col-xs-push-24 {
    position: relative;
    left: 100%;
  }
}
@media (min-width: 768px) {
  .el-col-sm-0 {
    width: 0;
  }
  .el-col-sm-offset-0 {
    margin-left: 0;
  }
  .el-col-sm-pull-0 {
    position: relative;
    right: 0;
  }
  .el-col-sm-push-0 {
    position: relative;
    left: 0;
  }
  .el-col-sm-1 {
    width: 4.16667%;
  }
  .el-col-sm-offset-1 {
    margin-left: 4.16667%;
  }
  .el-col-sm-pull-1 {
    position: relative;
    right: 4.16667%;
  }
  .el-col-sm-push-1 {
    position: relative;
    left: 4.16667%;
  }
  .el-col-sm-2 {
    width: 8.33333%;
  }
  .el-col-sm-offset-2 {
    margin-left: 8.33333%;
  }
  .el-col-sm-pull-2 {
    position: relative;
    right: 8.33333%;
  }
  .el-col-sm-push-2 {
    position: relative;
    left: 8.33333%;
  }
  .el-col-sm-3 {
    width: 12.5%;
  }
  .el-col-sm-offset-3 {
    margin-left: 12.5%;
  }
  .el-col-sm-pull-3 {
    position: relative;
    right: 12.5%;
  }
  .el-col-sm-push-3 {
    position: relative;
    left: 12.5%;
  }
  .el-col-sm-4 {
    width: 16.66667%;
  }
  .el-col-sm-offset-4 {
    margin-left: 16.66667%;
  }
  .el-col-sm-pull-4 {
    position: relative;
    right: 16.66667%;
  }
  .el-col-sm-push-4 {
    position: relative;
    left: 16.66667%;
  }
  .el-col-sm-5 {
    width: 20.83333%;
  }
  .el-col-sm-offset-5 {
    margin-left: 20.83333%;
  }
  .el-col-sm-pull-5 {
    position: relative;
    right: 20.83333%;
  }
  .el-col-sm-push-5 {
    position: relative;
    left: 20.83333%;
  }
  .el-col-sm-6 {
    width: 25%;
  }
  .el-col-sm-offset-6 {
    margin-left: 25%;
  }
  .el-col-sm-pull-6 {
    position: relative;
    right: 25%;
  }
  .el-col-sm-push-6 {
    position: relative;
    left: 25%;
  }
  .el-col-sm-7 {
    width: 29.16667%;
  }
  .el-col-sm-offset-7 {
    margin-left: 29.16667%;
  }
  .el-col-sm-pull-7 {
    position: relative;
    right: 29.16667%;
  }
  .el-col-sm-push-7 {
    position: relative;
    left: 29.16667%;
  }
  .el-col-sm-8 {
    width: 33.33333%;
  }
  .el-col-sm-offset-8 {
    margin-left: 33.33333%;
  }
  .el-col-sm-pull-8 {
    position: relative;
    right: 33.33333%;
  }
  .el-col-sm-push-8 {
    position: relative;
    left: 33.33333%;
  }
  .el-col-sm-9 {
    width: 37.5%;
  }
  .el-col-sm-offset-9 {
    margin-left: 37.5%;
  }
  .el-col-sm-pull-9 {
    position: relative;
    right: 37.5%;
  }
  .el-col-sm-push-9 {
    position: relative;
    left: 37.5%;
  }
  .el-col-sm-10 {
    width: 41.66667%;
  }
  .el-col-sm-offset-10 {
    margin-left: 41.66667%;
  }
  .el-col-sm-pull-10 {
    position: relative;
    right: 41.66667%;
  }
  .el-col-sm-push-10 {
    position: relative;
    left: 41.66667%;
  }
  .el-col-sm-11 {
    width: 45.83333%;
  }
  .el-col-sm-offset-11 {
    margin-left: 45.83333%;
  }
  .el-col-sm-pull-11 {
    position: relative;
    right: 45.83333%;
  }
  .el-col-sm-push-11 {
    position: relative;
    left: 45.83333%;
  }
  .el-col-sm-12 {
    width: 50%;
  }
  .el-col-sm-offset-12 {
    margin-left: 50%;
  }
  .el-col-sm-pull-12 {
    position: relative;
    right: 50%;
  }
  .el-col-sm-push-12 {
    position: relative;
    left: 50%;
  }
  .el-col-sm-13 {
    width: 54.16667%;
  }
  .el-col-sm-offset-13 {
    margin-left: 54.16667%;
  }
  .el-col-sm-pull-13 {
    position: relative;
    right: 54.16667%;
  }
  .el-col-sm-push-13 {
    position: relative;
    left: 54.16667%;
  }
  .el-col-sm-14 {
    width: 58.33333%;
  }
  .el-col-sm-offset-14 {
    margin-left: 58.33333%;
  }
  .el-col-sm-pull-14 {
    position: relative;
    right: 58.33333%;
  }
  .el-col-sm-push-14 {
    position: relative;
    left: 58.33333%;
  }
  .el-col-sm-15 {
    width: 62.5%;
  }
  .el-col-sm-offset-15 {
    margin-left: 62.5%;
  }
  .el-col-sm-pull-15 {
    position: relative;
    right: 62.5%;
  }
  .el-col-sm-push-15 {
    position: relative;
    left: 62.5%;
  }
  .el-col-sm-16 {
    width: 66.66667%;
  }
  .el-col-sm-offset-16 {
    margin-left: 66.66667%;
  }
  .el-col-sm-pull-16 {
    position: relative;
    right: 66.66667%;
  }
  .el-col-sm-push-16 {
    position: relative;
    left: 66.66667%;
  }
  .el-col-sm-17 {
    width: 70.83333%;
  }
  .el-col-sm-offset-17 {
    margin-left: 70.83333%;
  }
  .el-col-sm-pull-17 {
    position: relative;
    right: 70.83333%;
  }
  .el-col-sm-push-17 {
    position: relative;
    left: 70.83333%;
  }
  .el-col-sm-18 {
    width: 75%;
  }
  .el-col-sm-offset-18 {
    margin-left: 75%;
  }
  .el-col-sm-pull-18 {
    position: relative;
    right: 75%;
  }
  .el-col-sm-push-18 {
    position: relative;
    left: 75%;
  }
  .el-col-sm-19 {
    width: 79.16667%;
  }
  .el-col-sm-offset-19 {
    margin-left: 79.16667%;
  }
  .el-col-sm-pull-19 {
    position: relative;
    right: 79.16667%;
  }
  .el-col-sm-push-19 {
    position: relative;
    left: 79.16667%;
  }
  .el-col-sm-20 {
    width: 83.33333%;
  }
  .el-col-sm-offset-20 {
    margin-left: 83.33333%;
  }
  .el-col-sm-pull-20 {
    position: relative;
    right: 83.33333%;
  }
  .el-col-sm-push-20 {
    position: relative;
    left: 83.33333%;
  }
  .el-col-sm-21 {
    width: 87.5%;
  }
  .el-col-sm-offset-21 {
    margin-left: 87.5%;
  }
  .el-col-sm-pull-21 {
    position: relative;
    right: 87.5%;
  }
  .el-col-sm-push-21 {
    position: relative;
    left: 87.5%;
  }
  .el-col-sm-22 {
    width: 91.66667%;
  }
  .el-col-sm-offset-22 {
    margin-left: 91.66667%;
  }
  .el-col-sm-pull-22 {
    position: relative;
    right: 91.66667%;
  }
  .el-col-sm-push-22 {
    position: relative;
    left: 91.66667%;
  }
  .el-col-sm-23 {
    width: 95.83333%;
  }
  .el-col-sm-offset-23 {
    margin-left: 95.83333%;
  }
  .el-col-sm-pull-23 {
    position: relative;
    right: 95.83333%;
  }
  .el-col-sm-push-23 {
    position: relative;
    left: 95.83333%;
  }
  .el-col-sm-24 {
    width: 100%;
  }
  .el-col-sm-offset-24 {
    margin-left: 100%;
  }
  .el-col-sm-pull-24 {
    position: relative;
    right: 100%;
  }
  .el-col-sm-push-24 {
    position: relative;
    left: 100%;
  }
}
@media (min-width: 992px) {
  .el-col-md-0 {
    width: 0;
  }
  .el-col-md-offset-0 {
    margin-left: 0;
  }
  .el-col-md-pull-0 {
    position: relative;
    right: 0;
  }
  .el-col-md-push-0 {
    position: relative;
    left: 0;
  }
  .el-col-md-1 {
    width: 4.16667%;
  }
  .el-col-md-offset-1 {
    margin-left: 4.16667%;
  }
  .el-col-md-pull-1 {
    position: relative;
    right: 4.16667%;
  }
  .el-col-md-push-1 {
    position: relative;
    left: 4.16667%;
  }
  .el-col-md-2 {
    width: 8.33333%;
  }
  .el-col-md-offset-2 {
    margin-left: 8.33333%;
  }
  .el-col-md-pull-2 {
    position: relative;
    right: 8.33333%;
  }
  .el-col-md-push-2 {
    position: relative;
    left: 8.33333%;
  }
  .el-col-md-3 {
    width: 12.5%;
  }
  .el-col-md-offset-3 {
    margin-left: 12.5%;
  }
  .el-col-md-pull-3 {
    position: relative;
    right: 12.5%;
  }
  .el-col-md-push-3 {
    position: relative;
    left: 12.5%;
  }
  .el-col-md-4 {
    width: 16.66667%;
  }
  .el-col-md-offset-4 {
    margin-left: 16.66667%;
  }
  .el-col-md-pull-4 {
    position: relative;
    right: 16.66667%;
  }
  .el-col-md-push-4 {
    position: relative;
    left: 16.66667%;
  }
  .el-col-md-5 {
    width: 20.83333%;
  }
  .el-col-md-offset-5 {
    margin-left: 20.83333%;
  }
  .el-col-md-pull-5 {
    position: relative;
    right: 20.83333%;
  }
  .el-col-md-push-5 {
    position: relative;
    left: 20.83333%;
  }
  .el-col-md-6 {
    width: 25%;
  }
  .el-col-md-offset-6 {
    margin-left: 25%;
  }
  .el-col-md-pull-6 {
    position: relative;
    right: 25%;
  }
  .el-col-md-push-6 {
    position: relative;
    left: 25%;
  }
  .el-col-md-7 {
    width: 29.16667%;
  }
  .el-col-md-offset-7 {
    margin-left: 29.16667%;
  }
  .el-col-md-pull-7 {
    position: relative;
    right: 29.16667%;
  }
  .el-col-md-push-7 {
    position: relative;
    left: 29.16667%;
  }
  .el-col-md-8 {
    width: 33.33333%;
  }
  .el-col-md-offset-8 {
    margin-left: 33.33333%;
  }
  .el-col-md-pull-8 {
    position: relative;
    right: 33.33333%;
  }
  .el-col-md-push-8 {
    position: relative;
    left: 33.33333%;
  }
  .el-col-md-9 {
    width: 37.5%;
  }
  .el-col-md-offset-9 {
    margin-left: 37.5%;
  }
  .el-col-md-pull-9 {
    position: relative;
    right: 37.5%;
  }
  .el-col-md-push-9 {
    position: relative;
    left: 37.5%;
  }
  .el-col-md-10 {
    width: 41.66667%;
  }
  .el-col-md-offset-10 {
    margin-left: 41.66667%;
  }
  .el-col-md-pull-10 {
    position: relative;
    right: 41.66667%;
  }
  .el-col-md-push-10 {
    position: relative;
    left: 41.66667%;
  }
  .el-col-md-11 {
    width: 45.83333%;
  }
  .el-col-md-offset-11 {
    margin-left: 45.83333%;
  }
  .el-col-md-pull-11 {
    position: relative;
    right: 45.83333%;
  }
  .el-col-md-push-11 {
    position: relative;
    left: 45.83333%;
  }
  .el-col-md-12 {
    width: 50%;
  }
  .el-col-md-offset-12 {
    margin-left: 50%;
  }
  .el-col-md-pull-12 {
    position: relative;
    right: 50%;
  }
  .el-col-md-push-12 {
    position: relative;
    left: 50%;
  }
  .el-col-md-13 {
    width: 54.16667%;
  }
  .el-col-md-offset-13 {
    margin-left: 54.16667%;
  }
  .el-col-md-pull-13 {
    position: relative;
    right: 54.16667%;
  }
  .el-col-md-push-13 {
    position: relative;
    left: 54.16667%;
  }
  .el-col-md-14 {
    width: 58.33333%;
  }
  .el-col-md-offset-14 {
    margin-left: 58.33333%;
  }
  .el-col-md-pull-14 {
    position: relative;
    right: 58.33333%;
  }
  .el-col-md-push-14 {
    position: relative;
    left: 58.33333%;
  }
  .el-col-md-15 {
    width: 62.5%;
  }
  .el-col-md-offset-15 {
    margin-left: 62.5%;
  }
  .el-col-md-pull-15 {
    position: relative;
    right: 62.5%;
  }
  .el-col-md-push-15 {
    position: relative;
    left: 62.5%;
  }
  .el-col-md-16 {
    width: 66.66667%;
  }
  .el-col-md-offset-16 {
    margin-left: 66.66667%;
  }
  .el-col-md-pull-16 {
    position: relative;
    right: 66.66667%;
  }
  .el-col-md-push-16 {
    position: relative;
    left: 66.66667%;
  }
  .el-col-md-17 {
    width: 70.83333%;
  }
  .el-col-md-offset-17 {
    margin-left: 70.83333%;
  }
  .el-col-md-pull-17 {
    position: relative;
    right: 70.83333%;
  }
  .el-col-md-push-17 {
    position: relative;
    left: 70.83333%;
  }
  .el-col-md-18 {
    width: 75%;
  }
  .el-col-md-offset-18 {
    margin-left: 75%;
  }
  .el-col-md-pull-18 {
    position: relative;
    right: 75%;
  }
  .el-col-md-push-18 {
    position: relative;
    left: 75%;
  }
  .el-col-md-19 {
    width: 79.16667%;
  }
  .el-col-md-offset-19 {
    margin-left: 79.16667%;
  }
  .el-col-md-pull-19 {
    position: relative;
    right: 79.16667%;
  }
  .el-col-md-push-19 {
    position: relative;
    left: 79.16667%;
  }
  .el-col-md-20 {
    width: 83.33333%;
  }
  .el-col-md-offset-20 {
    margin-left: 83.33333%;
  }
  .el-col-md-pull-20 {
    position: relative;
    right: 83.33333%;
  }
  .el-col-md-push-20 {
    position: relative;
    left: 83.33333%;
  }
  .el-col-md-21 {
    width: 87.5%;
  }
  .el-col-md-offset-21 {
    margin-left: 87.5%;
  }
  .el-col-md-pull-21 {
    position: relative;
    right: 87.5%;
  }
  .el-col-md-push-21 {
    position: relative;
    left: 87.5%;
  }
  .el-col-md-22 {
    width: 91.66667%;
  }
  .el-col-md-offset-22 {
    margin-left: 91.66667%;
  }
  .el-col-md-pull-22 {
    position: relative;
    right: 91.66667%;
  }
  .el-col-md-push-22 {
    position: relative;
    left: 91.66667%;
  }
  .el-col-md-23 {
    width: 95.83333%;
  }
  .el-col-md-offset-23 {
    margin-left: 95.83333%;
  }
  .el-col-md-pull-23 {
    position: relative;
    right: 95.83333%;
  }
  .el-col-md-push-23 {
    position: relative;
    left: 95.83333%;
  }
  .el-col-md-24 {
    width: 100%;
  }
  .el-col-md-offset-24 {
    margin-left: 100%;
  }
  .el-col-md-pull-24 {
    position: relative;
    right: 100%;
  }
  .el-col-md-push-24 {
    position: relative;
    left: 100%;
  }
}
@media (min-width: 1200px) {
  .el-col-lg-0 {
    width: 0;
  }
  .el-col-lg-offset-0 {
    margin-left: 0;
  }
  .el-col-lg-pull-0 {
    position: relative;
    right: 0;
  }
  .el-col-lg-push-0 {
    position: relative;
    left: 0;
  }
  .el-col-lg-1 {
    width: 4.16667%;
  }
  .el-col-lg-offset-1 {
    margin-left: 4.16667%;
  }
  .el-col-lg-pull-1 {
    position: relative;
    right: 4.16667%;
  }
  .el-col-lg-push-1 {
    position: relative;
    left: 4.16667%;
  }
  .el-col-lg-2 {
    width: 8.33333%;
  }
  .el-col-lg-offset-2 {
    margin-left: 8.33333%;
  }
  .el-col-lg-pull-2 {
    position: relative;
    right: 8.33333%;
  }
  .el-col-lg-push-2 {
    position: relative;
    left: 8.33333%;
  }
  .el-col-lg-3 {
    width: 12.5%;
  }
  .el-col-lg-offset-3 {
    margin-left: 12.5%;
  }
  .el-col-lg-pull-3 {
    position: relative;
    right: 12.5%;
  }
  .el-col-lg-push-3 {
    position: relative;
    left: 12.5%;
  }
  .el-col-lg-4 {
    width: 16.66667%;
  }
  .el-col-lg-offset-4 {
    margin-left: 16.66667%;
  }
  .el-col-lg-pull-4 {
    position: relative;
    right: 16.66667%;
  }
  .el-col-lg-push-4 {
    position: relative;
    left: 16.66667%;
  }
  .el-col-lg-5 {
    width: 20.83333%;
  }
  .el-col-lg-offset-5 {
    margin-left: 20.83333%;
  }
  .el-col-lg-pull-5 {
    position: relative;
    right: 20.83333%;
  }
  .el-col-lg-push-5 {
    position: relative;
    left: 20.83333%;
  }
  .el-col-lg-6 {
    width: 25%;
  }
  .el-col-lg-offset-6 {
    margin-left: 25%;
  }
  .el-col-lg-pull-6 {
    position: relative;
    right: 25%;
  }
  .el-col-lg-push-6 {
    position: relative;
    left: 25%;
  }
  .el-col-lg-7 {
    width: 29.16667%;
  }
  .el-col-lg-offset-7 {
    margin-left: 29.16667%;
  }
  .el-col-lg-pull-7 {
    position: relative;
    right: 29.16667%;
  }
  .el-col-lg-push-7 {
    position: relative;
    left: 29.16667%;
  }
  .el-col-lg-8 {
    width: 33.33333%;
  }
  .el-col-lg-offset-8 {
    margin-left: 33.33333%;
  }
  .el-col-lg-pull-8 {
    position: relative;
    right: 33.33333%;
  }
  .el-col-lg-push-8 {
    position: relative;
    left: 33.33333%;
  }
  .el-col-lg-9 {
    width: 37.5%;
  }
  .el-col-lg-offset-9 {
    margin-left: 37.5%;
  }
  .el-col-lg-pull-9 {
    position: relative;
    right: 37.5%;
  }
  .el-col-lg-push-9 {
    position: relative;
    left: 37.5%;
  }
  .el-col-lg-10 {
    width: 41.66667%;
  }
  .el-col-lg-offset-10 {
    margin-left: 41.66667%;
  }
  .el-col-lg-pull-10 {
    position: relative;
    right: 41.66667%;
  }
  .el-col-lg-push-10 {
    position: relative;
    left: 41.66667%;
  }
  .el-col-lg-11 {
    width: 45.83333%;
  }
  .el-col-lg-offset-11 {
    margin-left: 45.83333%;
  }
  .el-col-lg-pull-11 {
    position: relative;
    right: 45.83333%;
  }
  .el-col-lg-push-11 {
    position: relative;
    left: 45.83333%;
  }
  .el-col-lg-12 {
    width: 50%;
  }
  .el-col-lg-offset-12 {
    margin-left: 50%;
  }
  .el-col-lg-pull-12 {
    position: relative;
    right: 50%;
  }
  .el-col-lg-push-12 {
    position: relative;
    left: 50%;
  }
  .el-col-lg-13 {
    width: 54.16667%;
  }
  .el-col-lg-offset-13 {
    margin-left: 54.16667%;
  }
  .el-col-lg-pull-13 {
    position: relative;
    right: 54.16667%;
  }
  .el-col-lg-push-13 {
    position: relative;
    left: 54.16667%;
  }
  .el-col-lg-14 {
    width: 58.33333%;
  }
  .el-col-lg-offset-14 {
    margin-left: 58.33333%;
  }
  .el-col-lg-pull-14 {
    position: relative;
    right: 58.33333%;
  }
  .el-col-lg-push-14 {
    position: relative;
    left: 58.33333%;
  }
  .el-col-lg-15 {
    width: 62.5%;
  }
  .el-col-lg-offset-15 {
    margin-left: 62.5%;
  }
  .el-col-lg-pull-15 {
    position: relative;
    right: 62.5%;
  }
  .el-col-lg-push-15 {
    position: relative;
    left: 62.5%;
  }
  .el-col-lg-16 {
    width: 66.66667%;
  }
  .el-col-lg-offset-16 {
    margin-left: 66.66667%;
  }
  .el-col-lg-pull-16 {
    position: relative;
    right: 66.66667%;
  }
  .el-col-lg-push-16 {
    position: relative;
    left: 66.66667%;
  }
  .el-col-lg-17 {
    width: 70.83333%;
  }
  .el-col-lg-offset-17 {
    margin-left: 70.83333%;
  }
  .el-col-lg-pull-17 {
    position: relative;
    right: 70.83333%;
  }
  .el-col-lg-push-17 {
    position: relative;
    left: 70.83333%;
  }
  .el-col-lg-18 {
    width: 75%;
  }
  .el-col-lg-offset-18 {
    margin-left: 75%;
  }
  .el-col-lg-pull-18 {
    position: relative;
    right: 75%;
  }
  .el-col-lg-push-18 {
    position: relative;
    left: 75%;
  }
  .el-col-lg-19 {
    width: 79.16667%;
  }
  .el-col-lg-offset-19 {
    margin-left: 79.16667%;
  }
  .el-col-lg-pull-19 {
    position: relative;
    right: 79.16667%;
  }
  .el-col-lg-push-19 {
    position: relative;
    left: 79.16667%;
  }
  .el-col-lg-20 {
    width: 83.33333%;
  }
  .el-col-lg-offset-20 {
    margin-left: 83.33333%;
  }
  .el-col-lg-pull-20 {
    position: relative;
    right: 83.33333%;
  }
  .el-col-lg-push-20 {
    position: relative;
    left: 83.33333%;
  }
  .el-col-lg-21 {
    width: 87.5%;
  }
  .el-col-lg-offset-21 {
    margin-left: 87.5%;
  }
  .el-col-lg-pull-21 {
    position: relative;
    right: 87.5%;
  }
  .el-col-lg-push-21 {
    position: relative;
    left: 87.5%;
  }
  .el-col-lg-22 {
    width: 91.66667%;
  }
  .el-col-lg-offset-22 {
    margin-left: 91.66667%;
  }
  .el-col-lg-pull-22 {
    position: relative;
    right: 91.66667%;
  }
  .el-col-lg-push-22 {
    position: relative;
    left: 91.66667%;
  }
  .el-col-lg-23 {
    width: 95.83333%;
  }
  .el-col-lg-offset-23 {
    margin-left: 95.83333%;
  }
  .el-col-lg-pull-23 {
    position: relative;
    right: 95.83333%;
  }
  .el-col-lg-push-23 {
    position: relative;
    left: 95.83333%;
  }
  .el-col-lg-24 {
    width: 100%;
  }
  .el-col-lg-offset-24 {
    margin-left: 100%;
  }
  .el-col-lg-pull-24 {
    position: relative;
    right: 100%;
  }
  .el-col-lg-push-24 {
    position: relative;
    left: 100%;
  }
}
.el-progress-bar__inner:after {
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}
.el-upload {
  display: inline-block;
  text-align: center;
  cursor: pointer;
}
.el-upload iframe {
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  opacity: 0;
  filter: alpha(opacity=0);
}
.el-upload__input {
  display: none;
}
.el-upload__tip {
  font-size: 12px;
  color: #8391a5;
  margin-top: 7px;
}
.el-upload--picture-card {
  background-color: #fbfdff;
  border: 1px dashed #c0ccda;
  border-radius: 6px;
  box-sizing: border-box;
  width: 148px;
  height: 148px;
  cursor: pointer;
  line-height: 146px;
  vertical-align: top;
}
.el-upload--picture-card i {
  font-size: 28px;
  color: #8c939d;
}
.el-upload--picture-card:hover {
  border-color: #20a0ff;
  color: #20a0ff;
}
.el-upload-dragger {
  background-color: #fff;
  border: 1px dashed #d9d9d9;
  border-radius: 6px;
  box-sizing: border-box;
  width: 360px;
  height: 180px;
  text-align: center;
  cursor: pointer;
  position: relative;
  overflow: hidden;
}
.el-upload-dragger .el-upload__text {
  color: #97a8be;
  font-size: 14px;
  text-align: center;
}
.el-upload-dragger .el-upload__text em {
  color: #20a0ff;
  font-style: normal;
}
.el-upload-dragger .el-icon-upload {
  font-size: 67px;
  color: #97a8be;
  margin: 40px 0 16px;
  line-height: 50px;
}
.el-upload-dragger + .el-upload__tip {
  text-align: center;
}
.el-upload-dragger ~ .el-upload__files {
  border-top: 1px solid rgba(191, 203, 217, 0.2);
  margin-top: 7px;
  padding-top: 5px;
}
.el-upload-dragger:hover {
  border-color: #20a0ff;
}
.el-upload-dragger.is-dragover {
  background-color: rgba(32, 159, 255, 0.06);
  border: 2px dashed #20a0ff;
}
.el-upload-list {
  margin: 0;
  padding: 0;
  list-style: none;
}
.el-upload-list.is-disabled .el-upload-list__item:hover .el-upload-list__item-status-label {
  display: block;
}
.el-upload-list__item {
  transition: all 0.5s cubic-bezier(0.55, 0, 0.1, 1);
  font-size: 14px;
  color: #48576a;
  line-height: 1.8;
  margin-top: 5px;
  box-sizing: border-box;
  border-radius: 4px;
  width: 100%;
  position: relative;
}
.el-upload-list__item .el-progress-bar {
  margin-right: 0;
  padding-right: 0;
}
.el-upload-list__item .el-progress {
  position: absolute;
  top: 20px;
  width: 100%;
}
.el-upload-list__item .el-progress__text {
  position: absolute;
  top: -13px;
  right: 0;
}
.el-upload-list__item:first-child {
  margin-top: 10px;
}
.el-upload-list__item .el-icon-upload-success {
  color: #13ce66;
}
.el-upload-list__item .el-icon-close {
  display: none;
  position: absolute;
  top: 5px;
  right: 5px;
  cursor: pointer;
  opacity: 0.75;
  color: #48576a;
  transform: scale(0.7);
}
.el-upload-list__item .el-icon-close:hover {
  opacity: 1;
}
.el-upload-list__item:hover {
  background-color: #eef1f6;
}
.el-upload-list__item:hover .el-icon-close {
  display: inline-block;
}
.el-upload-list__item:hover .el-progress__text {
  display: none;
}
.el-upload-list__item.is-success .el-upload-list__item-status-label {
  display: block;
}
.el-upload-list__item.is-success .el-upload-list__item-name:hover {
  color: #20a0ff;
  cursor: pointer;
}
.el-upload-list__item.is-success:hover .el-upload-list__item-status-label {
  display: none;
}
.el-upload-list__item-name {
  color: #48576a;
  display: block;
  margin-right: 40px;
  overflow: hidden;
  padding-left: 4px;
  text-overflow: ellipsis;
  transition: color 0.3s;
}
.el-upload-list__item-name [class^='el-icon'] {
  color: #97a8be;
  margin-right: 7px;
  height: 100%;
  line-height: inherit;
}
.el-upload-list__item-status-label {
  position: absolute;
  right: 5px;
  top: 0;
  line-height: inherit;
  display: none;
}
.el-upload-list__item-delete {
  position: absolute;
  right: 10px;
  top: 0;
  font-size: 12px;
  color: #48576a;
  display: none;
}
.el-upload-list__item-delete:hover {
  color: #20a0ff;
}
.el-upload-list--picture-card {
  margin: 0;
  display: inline;
  vertical-align: top;
}
.el-upload-list--picture-card .el-upload-list__item {
  overflow: hidden;
  background-color: #fff;
  border: 1px solid #c0ccda;
  border-radius: 6px;
  box-sizing: border-box;
  width: 148px;
  height: 148px;
  margin: 0 8px 8px 0;
  display: inline-block;
}
.el-upload-list--picture-card .el-upload-list__item .el-icon-check,
.el-upload-list--picture-card .el-upload-list__item .el-icon-circle-check {
  color: #fff;
}
.el-upload-list--picture-card .el-upload-list__item .el-icon-close,
.el-upload-list--picture-card .el-upload-list__item:hover .el-upload-list__item-status-label {
  display: none;
}
.el-upload-list--picture-card .el-upload-list__item:hover .el-progress__text {
  display: block;
}
.el-upload-list--picture-card .el-upload-list__item-name {
  display: none;
}
.el-upload-list--picture-card .el-upload-list__item-thumbnail {
  width: 100%;
  height: 100%;
}
.el-upload-list--picture-card .el-upload-list__item-status-label {
  position: absolute;
  right: -15px;
  top: -6px;
  width: 40px;
  height: 24px;
  background: #13ce66;
  text-align: center;
  transform: rotate(45deg);
  box-shadow: 0 0 1pc 1px rgba(0, 0, 0, 0.2);
}
.el-upload-list--picture-card .el-upload-list__item-status-label i {
  font-size: 12px;
  margin-top: 11px;
  transform: rotate(-45deg) scale(0.8);
}
.el-upload-list--picture-card .el-upload-list__item-actions {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  cursor: default;
  text-align: center;
  color: #fff;
  opacity: 0;
  font-size: 20px;
  background-color: rgba(0, 0, 0, 0.5);
  transition: opacity 0.3s;
}
.el-upload-list--picture-card .el-upload-list__item-actions:after {
  display: inline-block;
  content: '';
  height: 100%;
  vertical-align: middle;
}
.el-upload-list--picture-card .el-upload-list__item-actions span {
  display: none;
  cursor: pointer;
}
.el-upload-list--picture-card .el-upload-list__item-actions span + span {
  margin-left: 15px;
}
.el-upload-list--picture-card .el-upload-list__item-actions .el-upload-list__item-delete {
  position: static;
  font-size: inherit;
  color: inherit;
}
.el-upload-list--picture-card .el-upload-list__item-actions:hover {
  opacity: 1;
}
.el-upload-list--picture-card .el-upload-list__item-actions:hover span {
  display: inline-block;
}
.el-upload-list--picture-card .el-progress {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  bottom: auto;
  width: 126px;
}
.el-upload-list--picture-card .el-progress .el-progress__text {
  top: 50%;
}
.el-upload-list--picture .el-upload-list__item {
  overflow: hidden;
  background-color: #fff;
  border: 1px solid #c0ccda;
  border-radius: 6px;
  box-sizing: border-box;
  margin-top: 10px;
  padding: 10px 10px 10px 90px;
  height: 92px;
}
.el-upload-list--picture .el-upload-list__item .el-icon-check,
.el-upload-list--picture .el-upload-list__item .el-icon-circle-check {
  color: #fff;
}
.el-upload-list--picture .el-upload-list__item:hover .el-upload-list__item-status-label {
  background: 0 0;
  box-shadow: none;
  top: -2px;
  right: -12px;
}
.el-upload-list--picture .el-upload-list__item:hover .el-progress__text {
  display: block;
}
.el-upload-list--picture .el-upload-list__item.is-success .el-upload-list__item-name {
  line-height: 70px;
  margin-top: 0;
}
.el-upload-list--picture .el-upload-list__item.is-success .el-upload-list__item-name i {
  display: none;
}
.el-upload-list--picture .el-upload-list__item-thumbnail {
  vertical-align: middle;
  display: inline-block;
  width: 70px;
  height: 70px;
  float: left;
  position: relative;
  z-index: 1;
  margin-left: -80px;
}
.el-upload-list--picture .el-upload-list__item-name {
  display: block;
  margin-top: 20px;
}
.el-upload-list--picture .el-upload-list__item-name i {
  font-size: 70px;
  line-height: 1;
  position: absolute;
  left: 9px;
  top: 10px;
}
.el-upload-list--picture .el-upload-list__item-status-label {
  position: absolute;
  right: -17px;
  top: -7px;
  width: 46px;
  height: 26px;
  background: #13ce66;
  text-align: center;
  transform: rotate(45deg);
  box-shadow: 0 1px 1px #ccc;
}
.el-upload-list--picture .el-upload-list__item-status-label i {
  font-size: 12px;
  margin-top: 12px;
  transform: rotate(-45deg) scale(0.8);
}
.el-upload-list--picture .el-progress {
  position: relative;
  top: -7px;
}
.el-upload-cover {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  z-index: 10;
  cursor: default;
}
.el-upload-cover:after {
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}
.el-upload-cover img {
  display: block;
  width: 100%;
  height: 100%;
}
.el-upload-cover + .el-upload__inner {
  opacity: 0;
  position: relative;
  z-index: 1;
}
.el-upload-cover__label {
  position: absolute;
  right: -15px;
  top: -6px;
  width: 40px;
  height: 24px;
  background: #13ce66;
  text-align: center;
  transform: rotate(45deg);
  box-shadow: 0 0 1pc 1px rgba(0, 0, 0, 0.2);
}
.el-upload-cover__label i {
  font-size: 12px;
  margin-top: 11px;
  transform: rotate(-45deg) scale(0.8);
  color: #fff;
}
.el-upload-cover__progress {
  display: inline-block;
  vertical-align: middle;
  position: static;
  width: 243px;
}
.el-upload-cover__progress + .el-upload__inner {
  opacity: 0;
}
.el-upload-cover__content {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.el-upload-cover__interact {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.72);
  text-align: center;
}
.el-upload-cover__interact .btn {
  display: inline-block;
  color: #fff;
  font-size: 14px;
  cursor: pointer;
  vertical-align: middle;
  transition: transform 0.3s cubic-bezier(0.23, 1, 0.32, 1) 0.1s, opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1) 0.1s;
  margin-top: 60px;
}
.el-upload-cover__interact .btn span {
  opacity: 0;
  transition: opacity 0.15s linear;
}
.el-upload-cover__interact .btn:not(:first-child) {
  margin-left: 35px;
}
.el-upload-cover__interact .btn:hover {
  transform: translateY(-13px);
}
.el-upload-cover__interact .btn:hover span {
  opacity: 1;
}
.el-upload-cover__interact .btn i {
  color: #fff;
  display: block;
  font-size: 24px;
  line-height: inherit;
  margin: 0 auto 5px;
}
.el-upload-cover__title {
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: #fff;
  height: 36px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: 400;
  text-align: left;
  padding: 0 10px;
  margin: 0;
  line-height: 36px;
  font-size: 14px;
  color: #48576a;
}
.el-progress {
  position: relative;
  line-height: 1;
}
.el-progress.is-exception .el-progress-bar__inner {
  background-color: #ff4949;
}
.el-progress.is-exception .el-progress__text {
  color: #ff4949;
}
.el-progress.is-success .el-progress-bar__inner {
  background-color: #13ce66;
}
.el-progress.is-success .el-progress__text {
  color: #13ce66;
}
.el-progress__text {
  font-size: 14px;
  color: #48576a;
  display: inline-block;
  vertical-align: middle;
  margin-left: 10px;
  line-height: 1;
}
.el-progress__text i {
  vertical-align: middle;
  display: block;
}
.el-progress--circle {
  display: inline-block;
}
.el-progress--circle .el-progress__text {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  text-align: center;
  margin: 0;
  transform: translate(0, -50%);
}
.el-progress--circle .el-progress__text i {
  vertical-align: middle;
  display: inline-block;
}
.el-progress--without-text .el-progress__text {
  display: none;
}
.el-progress--without-text .el-progress-bar {
  padding-right: 0;
  margin-right: 0;
  display: block;
}
.el-progress-bar,
.el-progress-bar__innerText,
.el-spinner {
  display: inline-block;
  vertical-align: middle;
}
.el-progress--text-inside .el-progress-bar {
  padding-right: 0;
  margin-right: 0;
}
.el-progress-bar {
  padding-right: 50px;
  width: 100%;
  margin-right: -55px;
  box-sizing: border-box;
}
.el-progress-bar__outer {
  height: 6px;
  border-radius: 100px;
  background-color: #e4e8f1;
  overflow: hidden;
  position: relative;
  vertical-align: middle;
}
.el-progress-bar__inner {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  background-color: #20a0ff;
  text-align: right;
  border-radius: 100px;
  line-height: 1;
}
.el-progress-bar__innerText {
  color: #fff;
  font-size: 12px;
  margin: 0 5px;
}
@keyframes progress {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: 32px 0;
  }
}
.el-time-spinner {
  width: 100%;
}
.el-spinner-inner {
  animation: rotate 2s linear infinite;
  width: 50px;
  height: 50px;
}
.el-spinner-inner .path {
  stroke: #ececec;
  stroke-linecap: round;
  animation: dash 1.5s ease-in-out infinite;
}
@keyframes rotate {
  100% {
    transform: rotate(360deg);
  }
}
@keyframes dash {
  0% {
    stroke-dasharray: 1, 150;
    stroke-dashoffset: 0;
  }
  50% {
    stroke-dasharray: 90, 150;
    stroke-dashoffset: -35;
  }
  100% {
    stroke-dasharray: 90, 150;
    stroke-dashoffset: -124;
  }
}
.el-message {
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.12), 0 0 6px rgba(0, 0, 0, 0.04);
  min-width: 300px;
  padding: 10px 12px;
  box-sizing: border-box;
  border-radius: 2px;
  position: fixed;
  left: 50%;
  top: 20px;
  transform: translateX(-50%);
  background-color: #fff;
  transition: opacity 0.3s, transform 0.4s;
  overflow: hidden;
}
.el-message .el-icon-circle-check {
  color: #13ce66;
}
.el-message .el-icon-circle-cross {
  color: #ff4949;
}
.el-message .el-icon-information {
  color: #50bfff;
}
.el-message .el-icon-warning {
  color: #f7ba2a;
}
.el-message__group {
  margin-left: 38px;
  position: relative;
  height: 20px;
  line-height: 20px;
  display: flex;
  align-items: center;
}
.el-message__group p {
  font-size: 14px;
  margin: 0 34px 0 0;
  color: #8391a5;
  text-align: justify;
}
.el-step__head,
.el-steps.is-horizontal.is-center {
  text-align: center;
}
.el-message__group.is-with-icon {
  margin-left: 0;
}
.el-message__img {
  width: 40px;
  height: 40px;
  position: absolute;
  left: 0;
  top: 0;
}
.el-message__icon {
  vertical-align: middle;
  margin-right: 8px;
}
.el-message__closeBtn {
  top: 3px;
  right: 0;
  position: absolute;
  cursor: pointer;
  color: #bfcbd9;
  font-size: 14px;
}
.el-message__closeBtn:hover {
  color: #97a8be;
}
.el-message-fade-enter,
.el-message-fade-leave-active {
  opacity: 0;
  transform: translate(-50%, -100%);
}
.el-badge {
  position: relative;
  vertical-align: middle;
  display: inline-block;
}
.el-badge__content {
  background-color: #ff4949;
  border-radius: 10px;
  color: #fff;
  display: inline-block;
  font-size: 12px;
  height: 18px;
  line-height: 18px;
  padding: 0 6px;
  text-align: center;
  border: 1px solid #fff;
}
.el-badge__content.is-dot {
  width: 8px;
  height: 8px;
  padding: 0;
  right: 0;
  border-radius: 50%;
}
.el-badge__content.is-fixed {
  top: 0;
  right: 10px;
  position: absolute;
  transform: translateY(-50%) translateX(100%);
}
.el-rate__icon,
.el-rate__item {
  position: relative;
  display: inline-block;
}
.el-badge__content.is-fixed.is-dot {
  right: 5px;
}
.el-card {
  border: 1px solid #d1dbe5;
  border-radius: 4px;
  background-color: #fff;
  overflow: hidden;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.12), 0 0 6px 0 rgba(0, 0, 0, 0.04);
}
.el-card__header {
  padding: 18px 20px;
  border-bottom: 1px solid #d1dbe5;
  box-sizing: border-box;
}
.el-card__body {
  padding: 20px;
}
.el-rate {
  height: 20px;
  line-height: 1;
}
.el-rate__item {
  font-size: 0;
  vertical-align: middle;
}
.el-rate__icon {
  font-size: 18px;
  margin-right: 6px;
  color: #bfcbd9;
  transition: 0.3s;
}
.el-rate__decimal,
.el-rate__icon .path2 {
  position: absolute;
  top: 0;
  left: 0;
}
.el-rate__icon.hover {
  transform: scale(1.15);
}
.el-rate__decimal {
  display: inline-block;
  overflow: hidden;
}
.el-rate__text {
  font-size: 14px;
  vertical-align: middle;
}
.el-steps {
  font-size: 0;
}
.el-steps > :last-child .el-step__line {
  display: none;
}
.el-step.is-horizontal,
.el-step.is-vertical .el-step__head,
.el-step.is-vertical .el-step__main,
.el-step__line {
  display: inline-block;
}
.el-step {
  position: relative;
  vertical-align: top;
}
.el-step:last-child .el-step__main {
  padding-right: 0;
}
.el-step.is-vertical .el-step__main {
  padding-left: 10px;
}
.el-step__line {
  position: absolute;
  border-color: inherit;
  background-color: #bfcbd9;
}
.el-step__line.is-vertical {
  width: 2px;
  box-sizing: border-box;
  top: 32px;
  bottom: 0;
  left: 15px;
}
.el-step__line.is-horizontal {
  top: 15px;
  height: 2px;
  left: 32px;
  right: 0;
}
.el-step__line.is-icon.is-horizontal {
  right: 4px;
}
.el-step__line-inner {
  display: block;
  border-width: 1px;
  border-style: solid;
  border-color: inherit;
  transition: all 150ms;
  box-sizing: border-box;
  width: 0;
  height: 0;
}
.el-step__icon {
  display: block;
  line-height: 28px;
}
.el-step__icon > * {
  line-height: inherit;
  vertical-align: middle;
}
.el-step__head {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background-color: transparent;
  line-height: 28px;
  font-size: 28px;
  vertical-align: top;
  transition: all 150ms;
}
.el-carousel__arrow,
.el-carousel__button {
  margin: 0;
  transition: 0.3s;
  cursor: pointer;
  outline: 0;
}
.el-step__head.is-finish {
  color: #20a0ff;
  border-color: #20a0ff;
}
.el-step__head.is-error {
  color: #ff4949;
  border-color: #ff4949;
}
.el-step__head.is-success {
  color: #13ce66;
  border-color: #13ce66;
}
.el-step__head.is-process,
.el-step__head.is-wait {
  color: #bfcbd9;
  border-color: #bfcbd9;
}
.el-step__head.is-text {
  font-size: 14px;
  border-width: 2px;
  border-style: solid;
}
.el-step__head.is-text.is-finish {
  color: #fff;
  background-color: #20a0ff;
  border-color: #20a0ff;
}
.el-step__head.is-text.is-error {
  color: #fff;
  background-color: #ff4949;
  border-color: #ff4949;
}
.el-step__head.is-text.is-success {
  color: #fff;
  background-color: #13ce66;
  border-color: #13ce66;
}
.el-step__head.is-text.is-wait {
  color: #bfcbd9;
  background-color: #fff;
  border-color: #bfcbd9;
}
.el-step__head.is-text.is-process {
  color: #fff;
  background-color: #bfcbd9;
  border-color: #bfcbd9;
}
.el-step__main {
  white-space: normal;
  padding-right: 10px;
  text-align: left;
}
.el-step__title {
  font-size: 14px;
  line-height: 32px;
  display: inline-block;
}
.el-step__title.is-finish {
  font-weight: 700;
  color: #20a0ff;
}
.el-step__title.is-error {
  font-weight: 700;
  color: #ff4949;
}
.el-step__title.is-success {
  font-weight: 700;
  color: #13ce66;
}
.el-step__title.is-wait {
  font-weight: 400;
  color: #97a8be;
}
.el-step__title.is-process {
  font-weight: 700;
  color: #48576a;
}
.el-step__description {
  font-size: 12px;
  font-weight: 400;
  line-height: 14px;
}
.el-step__description.is-finish {
  color: #20a0ff;
}
.el-step__description.is-error {
  color: #ff4949;
}
.el-step__description.is-success {
  color: #13ce66;
}
.el-step__description.is-wait {
  color: #bfcbd9;
}
.el-step__description.is-process {
  color: #8391a5;
}
.el-carousel {
  overflow-x: hidden;
  position: relative;
}
.el-carousel__container {
  position: relative;
  height: 300px;
}
.el-carousel__arrow {
  border: none;
  padding: 0;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background-color: rgba(31, 45, 61, 0.11);
  color: #fff;
  position: absolute;
  top: 50%;
  z-index: 10;
  transform: translateY(-50%);
  text-align: center;
  font-size: 12px;
}
.el-carousel__arrow:hover {
  background-color: rgba(31, 45, 61, 0.23);
}
.el-carousel__arrow i {
  cursor: pointer;
}
.el-carousel__arrow--left {
  left: 16px;
}
.el-carousel__arrow--right {
  right: 16px;
}
.el-carousel__indicators {
  position: absolute;
  list-style: none;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  margin: 0;
  padding: 0;
  z-index: 2;
}
.el-carousel__indicators--outside {
  bottom: 26px;
  text-align: center;
  position: static;
  transform: none;
}
.el-carousel__indicators--outside .el-carousel__indicator:hover button {
  opacity: 0.64;
}
.el-carousel__indicators--outside button {
  background-color: #8391a5;
  opacity: 0.24;
}
.el-carousel__indicators--labels {
  left: 0;
  right: 0;
  transform: none;
  text-align: center;
}
.el-carousel__indicators--labels .el-carousel__button {
  width: auto;
  height: auto;
  padding: 2px 18px;
  font-size: 12px;
}
.el-carousel__indicators--labels .el-carousel__indicator {
  padding: 6px 4px;
}
.el-carousel__indicator {
  display: inline-block;
  background-color: transparent;
  padding: 12px 4px;
  cursor: pointer;
}
.el-carousel__indicator:hover button {
  opacity: 0.72;
}
.el-carousel__indicator.is-active button {
  opacity: 1;
}
.el-carousel__button {
  display: block;
  opacity: 0.48;
  width: 30px;
  height: 2px;
  background-color: #fff;
  border: none;
  padding: 0;
}
.carousel-arrow-left-enter,
.carousel-arrow-left-leave-active {
  transform: translateY(-50%) translateX(-10px);
  opacity: 0;
}
.carousel-arrow-right-enter,
.carousel-arrow-right-leave-active {
  transform: translateY(-50%) translateX(10px);
  opacity: 0;
}
.el-scrollbar {
  overflow: hidden;
  position: relative;
}
.el-scrollbar:active .el-scrollbar__bar,
.el-scrollbar:focus .el-scrollbar__bar,
.el-scrollbar:hover .el-scrollbar__bar {
  opacity: 1;
  transition: opacity 340ms ease-out;
}
.el-scrollbar__wrap {
  overflow: scroll;
}
.el-scrollbar__wrap--hidden-default::-webkit-scrollbar {
  width: 0;
  height: 0;
}
.el-scrollbar__thumb {
  position: relative;
  display: block;
  width: 0;
  height: 0;
  cursor: pointer;
  border-radius: inherit;
  background-color: rgba(151, 168, 190, 0.3);
  transition: 0.3s background-color;
}
.el-scrollbar__thumb:hover {
  background-color: rgba(151, 168, 190, 0.5);
}
.el-scrollbar__bar {
  position: absolute;
  right: 2px;
  bottom: 2px;
  z-index: 1;
  border-radius: 4px;
  opacity: 0;
  transition: opacity 120ms ease-out;
}
.el-carousel__item--card,
.el-carousel__item.is-animating {
  transition: transform 0.4s ease-in-out;
}
.el-scrollbar__bar.is-horizontal {
  height: 6px;
  left: 2px;
}
.el-scrollbar__bar.is-horizontal > div {
  height: 100%;
}
.el-scrollbar__bar.is-vertical {
  width: 6px;
  top: 2px;
}
.el-scrollbar__bar.is-vertical > div {
  width: 100%;
}
.el-carousel__item {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: inline-block;
  overflow: hidden;
  z-index: 0;
}
.el-carousel__item.is-active {
  z-index: 2;
}
.el-carousel__item--card {
  width: 50%;
}
.el-carousel__item--card.is-in-stage {
  cursor: pointer;
  z-index: 1;
}
.el-carousel__item--card.is-active,
.el-cascader .el-icon-circle-close,
.el-cascader-menus {
  z-index: 2;
}
.el-carousel__item--card.is-in-stage.is-hover .el-carousel__mask,
.el-carousel__item--card.is-in-stage:hover .el-carousel__mask {
  opacity: 0.12;
}
.el-carousel__mask {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: #fff;
  opacity: 0.24;
  transition: 0.2s;
}
.el-collapse {
  border: 1px solid #dfe6ec;
  border-radius: 0;
}
.el-collapse-item:last-child {
  margin-bottom: -1px;
}
.el-collapse-item.is-active > .el-collapse-item__header .el-collapse-item__header__arrow {
  transform: rotate(90deg);
}
.el-collapse-item__header {
  height: 43px;
  line-height: 43px;
  padding-left: 15px;
  background-color: #fff;
  color: #48576a;
  cursor: pointer;
  border-bottom: 1px solid #dfe6ec;
  font-size: 13px;
}
.el-collapse-item__header__arrow {
  margin-right: 8px;
  transition: transform 0.3s;
}
.el-collapse-item__wrap {
  will-change: height;
  background-color: #fbfdff;
  overflow: hidden;
  box-sizing: border-box;
  border-bottom: 1px solid #dfe6ec;
}
.el-collapse-item__content {
  padding: 10px 15px;
  font-size: 13px;
  color: #1f2d3d;
  line-height: 1.76923077;
}
.el-cascader {
  display: inline-block;
  position: relative;
}
.el-cascader .el-input,
.el-cascader .el-input__inner {
  cursor: pointer;
}
.el-cascader .el-input__icon {
  transition: none;
}
.el-cascader .el-icon-caret-bottom {
  transition: transform 0.3s;
}
.el-cascader .el-icon-caret-bottom.is-reverse {
  transform: rotateZ(180deg);
}
.el-cascader.is-disabled .el-cascader__label {
  z-index: 2;
  color: #bbb;
}
.el-cascader__label {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  line-height: 36px;
  padding: 0 25px 0 10px;
  color: #1f2d3d;
  width: 100%;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  box-sizing: border-box;
  cursor: pointer;
  font-size: 14px;
  text-align: left;
}
.el-cascader__label span {
  color: #97a8be;
}
.el-cascader--large {
  font-size: 16px;
}
.el-cascader--large .el-cascader__label {
  line-height: 40px;
}
.el-cascader--small {
  font-size: 13px;
}
.el-cascader--small .el-cascader__label {
  line-height: 28px;
}
.el-cascader-menus {
  white-space: nowrap;
  background: #fff;
  position: absolute;
  margin: 5px 0;
  border: 1px solid #d1dbe5;
  border-radius: 2px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.12), 0 0 6px rgba(0, 0, 0, 0.04);
}
.el-cascader-menu {
  display: inline-block;
  vertical-align: top;
  height: 204px;
  overflow: auto;
  border-right: solid 1px #d1dbe5;
  background-color: #fff;
  box-sizing: border-box;
  margin: 0;
  padding: 6px 0;
  min-width: 160px;
}
.el-cascader-menu:last-child {
  border-right: 0;
}
.el-cascader-menu__item {
  font-size: 14px;
  padding: 8px 30px 8px 10px;
  position: relative;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #48576a;
  height: 36px;
  line-height: 1.5;
  box-sizing: border-box;
  cursor: pointer;
}
.el-cascader-menu__item:hover {
  background-color: #e4e8f1;
}
.el-cascader-menu__item.selected {
  color: #fff;
  background-color: #20a0ff;
}
.el-cascader-menu__item.selected.hover {
  background-color: #1c8de0;
}
.el-cascader-menu__item.is-active {
  color: #fff;
  background-color: #20a0ff;
}
.el-cascader-menu__item.is-active:hover {
  background-color: #1c8de0;
}
.el-cascader-menu__item.is-disabled {
  color: #bfcbd9;
  background-color: #fff;
  cursor: not-allowed;
}
.el-cascader-menu__item.is-disabled:hover {
  background-color: #fff;
}
.el-cascader-menu__item__keyword {
  font-weight: 700;
}
.el-cascader-menu__item--extensible:after {
  font-family: element-icons;
  content: '\E606';
  font-size: 12px;
  transform: scale(0.8);
  color: #bfcbd9;
  position: absolute;
  right: 10px;
  margin-top: 1px;
}
.el-cascader-menu--flexible {
  height: auto;
  max-height: 180px;
  overflow: auto;
}
.el-cascader-menu--flexible .el-cascader-menu__item {
  overflow: visible;
}
.el-color-hue-slider {
  position: relative;
  box-sizing: border-box;
  width: 280px;
  height: 12px;
  background-color: red;
  padding: 0 2px;
}
.el-color-hue-slider.is-vertical {
  width: 12px;
  height: 180px;
  padding: 2px 0;
}
.el-color-hue-slider.is-vertical .el-color-hue-slider__bar {
  background: linear-gradient(to bottom, red 0, #ff0 17%, #0f0 33%, #0ff 50%, #00f 67%, #f0f 83%, red 100%);
}
.el-color-hue-slider.is-vertical .el-color-hue-slider__thumb {
  left: 0;
  top: 0;
  width: 100%;
  height: 4px;
}
.el-color-hue-slider__bar {
  position: relative;
  background: linear-gradient(to right, red 0, #ff0 17%, #0f0 33%, #0ff 50%, #00f 67%, #f0f 83%, red 100%);
  height: 100%;
}
.el-color-hue-slider__thumb {
  position: absolute;
  cursor: pointer;
  box-sizing: border-box;
  left: 0;
  top: 0;
  width: 4px;
  height: 100%;
  border-radius: 1px;
  background: #fff;
  border: 1px solid #f0f0f0;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.6);
  z-index: 1;
}
.el-color-svpanel {
  position: relative;
  width: 280px;
  height: 180px;
}
.el-color-svpanel__black,
.el-color-svpanel__white {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.el-color-svpanel__white {
  background: linear-gradient(to right, #fff, rgba(255, 255, 255, 0));
}
.el-color-svpanel__black {
  background: linear-gradient(to top, #000, rgba(0, 0, 0, 0));
}
.el-color-svpanel__cursor {
  position: absolute;
}
.el-color-svpanel__cursor > div {
  cursor: head;
  width: 4px;
  height: 4px;
  box-shadow: 0 0 0 1.5px #fff, inset 0 0 1px 1px rgba(0, 0, 0, 0.3), 0 0 1px 2px rgba(0, 0, 0, 0.4);
  border-radius: 50%;
  transform: translate(-2px, -2px);
}
.el-color-alpha-slider {
  position: relative;
  box-sizing: border-box;
  width: 280px;
  height: 12px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==);
}
.el-color-alpha-slider.is-vertical {
  width: 20px;
  height: 180px;
}
.el-color-alpha-slider.is-vertical .el-color-alpha-slider__bar {
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0, #ffffff 100%);
}
.el-color-alpha-slider.is-vertical .el-color-alpha-slider__thumb {
  left: 0;
  top: 0;
  width: 100%;
  height: 4px;
}
.el-color-alpha-slider__bar {
  position: relative;
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0, #ffffff 100%);
  height: 100%;
}
.el-color-alpha-slider__thumb {
  position: absolute;
  cursor: pointer;
  box-sizing: border-box;
  left: 0;
  top: 0;
  width: 4px;
  height: 100%;
  border-radius: 1px;
  background: #fff;
  border: 1px solid #f0f0f0;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.6);
  z-index: 1;
}
.el-color-dropdown {
  width: 300px;
}
.el-color-dropdown__main-wrapper {
  margin-bottom: 6px;
}
.el-color-dropdown__main-wrapper::after {
  content: '';
  display: table;
}
.el-color-dropdown__btns {
  margin-top: 6px;
  text-align: right;
}
.el-color-dropdown__value {
  float: left;
  line-height: 26px;
  font-size: 12px;
  color: #1f2d3d;
}
.el-color-dropdown__btn {
  border: 1px solid #dcdcdc;
  color: #333;
  line-height: 24px;
  border-radius: 2px;
  padding: 0 20px;
  cursor: pointer;
  background-color: transparent;
  outline: 0;
  font-size: 12px;
}
.el-color-dropdown__btn[disabled] {
  color: #ccc;
  cursor: not-allowed;
}
.el-color-dropdown__btn:hover {
  color: #20a0ff;
  border-color: #20a0ff;
}
.el-color-dropdown__link-btn {
  cursor: pointer;
  color: #20a0ff;
  text-decoration: none;
  padding: 15px;
  font-size: 12px;
}
.el-color-dropdown__link-btn:hover {
  color: #4db3ff;
}
.el-color-picker {
  display: inline-block;
  position: relative;
  line-height: normal;
}
/*.el-color-picker__trigger {*/
/*display: inline-block;*/
/*box-sizing: border-box;*/
/*height: 36px;*/
/*padding: 6px;*/
/*border: 1px solid #bfcbd9;*/
/*border-radius: 4px;*/
/*font-size: 0*/
/*}*/
.el-color-picker__color {
  position: relative;
  display: inline-block;
  box-sizing: border-box;
  border: 1px solid #666;
  width: 28px;
  height: 28px;
  text-align: center;
}
.el-color-picker__color.is-alpha {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==);
}
.el-color-picker__color-inner {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
}
.el-color-picker__empty {
  font-size: 16px;
  vertical-align: middle;
  color: #666;
  position: absolute;
  top: 5px;
  left: 4px;
}
.el-color-picker__icon {
  /*display: inline-block;*/
  display: none;
  position: relative;
  top: -6px;
  margin-left: 8px;
  width: 12px;
  color: #888;
  font-size: 12px;
}
.el-input,
.el-input__inner {
  width: 100%;
  display: inline-block;
}
.el-color-picker__panel {
  position: absolute;
  z-index: 10;
  padding: 6px;
  background-color: #fff;
  border: 1px solid #d1dbe5;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.12), 0 0 6px rgba(0, 0, 0, 0.12);
}
.el-input {
  position: relative;
  font-size: 14px;
}
.el-input.is-disabled .el-input__inner {
  background-color: #f7f8fa;
  border-color: #e5e5e5;
  color: #bbb;
  cursor: not-allowed;
}
.el-input.is-disabled .el-input__inner::-moz-placeholder {
  /* color: #bfcbd9; */
  color: #bfbfbf;
}
.el-input.is-disabled .el-input__inner::placeholder {
  /* color: #bfcbd9; */
  color: #bfbfbf;
}
.el-input.is-active .el-input__inner {
  outline: 0;
  border-color: #20a0ff;
}
.el-input__inner {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: #fff;
  background-image: none;
  border-radius: 4px;
  border: 1px solid #e5e5e5;
  box-sizing: border-box;
  color: #1f2d3d;
  font-size: inherit;
  height: 30px;
  line-height: 1;
  outline: 0;
  padding: 3px 10px;
  transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.el-button,
.el-checkbox-button__inner {
  -webkit-appearance: none;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  outline: 0;
  text-align: center;
}
.el-input__inner::-moz-placeholder {
  /* color: #97a8be; */
  color: #bfbfbf;
}
.el-input__inner::placeholder {
  /* color: #97a8be; */
  color: #bfbfbf;
}
.el-input__inner:hover {
  border-color: #0847a6;
}
.el-input__inner:focus {
  outline: 0;
  border-color: #0747a6;
  /*border-color: #20a0ff*/
}
.el-input__icon {
  position: absolute;
  width: 35px;
  height: 100%;
  right: 0;
  top: 0;
  text-align: center;
  color: #bfcbd9;
  transition: all 0.3s;
}
.el-input__icon:after {
  content: '';
  height: 100%;
  width: 0;
  display: inline-block;
  vertical-align: middle;
}
.el-input__icon + .el-input__inner {
  padding-right: 35px;
}
.el-input__icon.is-clickable:hover {
  cursor: pointer;
  color: #8391a5;
}
.el-input__icon.is-clickable:hover + .el-input__inner {
  border-color: #8391a5;
}
.el-input--large {
  font-size: 16px;
}
.el-input--large .el-input__inner {
  height: 42px;
}
.el-input--small {
  font-size: 13px;
}
.el-input--small .el-input__inner {
  height: 30px;
}
.el-input--mini {
  font-size: 12px;
}
.el-input--mini .el-input__inner {
  height: 22px;
}
.el-input-group {
  line-height: normal;
  display: inline-table;
  width: 100%;
  border-collapse: separate;
}
.el-input-group > .el-input__inner {
  vertical-align: middle;
  display: table-cell;
}
.el-input-group__append,
.el-input-group__prepend {
  background-color: #fbfdff;
  color: #97a8be;
  vertical-align: middle;
  display: table-cell;
  position: relative;
  border: 1px solid #bfcbd9;
  border-radius: 1px;
  padding: 0 10px;
  width: 1px;
  white-space: nowrap;
}
.el-input-group--prepend .el-input__inner,
.el-input-group__append {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.el-input-group--append .el-input__inner,
.el-input-group__prepend {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.el-input-group__append .el-button,
.el-input-group__append .el-select,
.el-input-group__prepend .el-button,
.el-input-group__prepend .el-select {
  display: block;
  margin: -10px;
}
.el-input-group__append button.el-button,
.el-input-group__append div.el-select .el-input__inner,
.el-input-group__append div.el-select:hover .el-input__inner,
.el-input-group__prepend button.el-button,
.el-input-group__prepend div.el-select .el-input__inner,
.el-input-group__prepend div.el-select:hover .el-input__inner {
  border-color: transparent;
  background-color: transparent;
  color: inherit;
  border-top: 0;
  border-bottom: 0;
}
.el-input-group__append .el-button,
.el-input-group__append .el-input,
.el-input-group__prepend .el-button,
.el-input-group__prepend .el-input {
  font-size: inherit;
}
.el-button,
.el-textarea__inner {
  font-size: 14px;
  box-sizing: border-box;
}
.el-input-group__prepend {
  border-right: 0;
}
.el-input-group__append {
  border-left: 0;
}
.el-textarea {
  display: inline-block;
  width: 100%;
  vertical-align: bottom;
}
.el-textarea.is-disabled .el-textarea__inner {
  background-color: #eef1f6;
  border-color: #d1dbe5;
  color: #bbb;
  cursor: not-allowed;
}
.el-textarea.is-disabled .el-textarea__inner::-moz-placeholder {
  /* color: #bfcbd9; */
  color: #bfbfbf;
}
.el-textarea.is-disabled .el-textarea__inner::placeholder {
  /* color: #bfcbd9; */
  color: #bfbfbf;
}
.el-textarea__inner {
  display: block;
  resize: vertical;
  padding: 5px 7px;
  font-family: inherit;
  line-height: 1.5;
  width: 100%;
  color: #1f2d3d;
  background-color: #fff;
  background-image: none;
  border: 1px solid #bfcbd9;
  border-radius: 4px;
  transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.el-textarea__inner::-moz-placeholder {
  /* color: #97a8be; */
  color: #bfbfbf;
}
.el-textarea__inner::placeholder {
  /* color: #97a8be; */
  color: #bfbfbf;
}
.el-textarea__inner:hover {
  border-color: #8391a5;
}
.el-textarea__inner:focus {
  outline: 0;
  border-color: #8391a5;
}
.el-button {
  display: inline-block;
  line-height: 1;
  white-space: nowrap;
  cursor: pointer;
  /* border: 1px solid #c4c4c4; */
  color: #595959;
  margin: 0;
  padding: 8px 15px;
  height: 30px;
  border-radius: 4px;
  background-color: #f0f2f5;
  transition: all 0.3s;
}
.el-button + .el-button {
  margin-left: 10px;
}
.el-button:focus,
.el-button:hover {
  color: black;
}
.el-button:active {
  color: black;
  outline: 0;
}
.el-button::-moz-focus-inner {
  border: 0;
}
.el-button [class*='el-icon-'] + span {
  margin-left: 5px;
}
.el-button.is-loading {
  position: relative;
  pointer-events: none;
}
.el-button.is-loading:before {
  pointer-events: none;
  content: '';
  position: absolute;
  left: -1px;
  top: -1px;
  right: -1px;
  bottom: -1px;
  border-radius: inherit;
  background-color: rgba(255, 255, 255, 0.35);
}
.el-button.is-disabled,
.el-button.is-disabled:focus,
.el-button.is-disabled:hover {
  color: #bfbfbf;
  cursor: not-allowed;
  background-image: none;
  background-color: #f7f8fa;
  border-color: #e9e9e9;
}
.el-checkbox,
.el-checkbox__input {
  cursor: pointer;
  display: inline-block;
  position: relative;
  white-space: nowrap;
}
.el-button.is-disabled.el-button--text {
  background-color: transparent;
}
.el-button.is-disabled.is-plain,
.el-button.is-disabled.is-plain:focus,
.el-button.is-disabled.is-plain:hover {
  background-color: #fff;
  border-color: #d1dbe5;
  color: #bfcbd9;
}
.el-button.is-active {
  color: #2f2f2f;
}
.el-button.is-plain:focus,
.el-button.is-plain:hover {
  background: #fff;
  border-color: #20a0ff;
  color: #20a0ff;
}
.el-button.is-plain:active {
  background: #fff;
  border-color: #1d90e6;
  color: #1d90e6;
  outline: 0;
}
.el-button--primary {
  color: white;
  border-color: #61799b;
  background-color: #61799b;
}
.el-button--primary:focus,
.el-button--primary:hover {
  color: white;
  border-color: #4d6282;
  background-color: #4d6282;
}
.el-button--primary.is-active,
.el-button--primary:active {
  /*鼠标点击时候样式*/
}
.el-button--primary:active {
  outline: 0;
}
.el-button--primary.is-plain {
  background: #fff;
  border: 1px solid #bfcbd9;
  color: #1f2d3d;
}
.el-button--primary.is-plain:focus,
.el-button--primary.is-plain:hover {
  background: #fff;
  border-color: #20a0ff;
  color: #20a0ff;
}
.el-button--primary.is-plain:active {
  background: #fff;
  border-color: #1d90e6;
  color: #1d90e6;
  outline: 0;
}
.el-button--success {
  color: #fff;
  background-color: #13ce66;
  border-color: #13ce66;
}
.el-button--success:focus,
.el-button--success:hover {
  background: #42d885;
  border-color: #42d885;
  color: #fff;
}
.el-button--success.is-active,
.el-button--success:active {
  background: #11b95c;
  border-color: #11b95c;
  color: #fff;
}
.el-button--success:active {
  outline: 0;
}
.el-button--success.is-plain {
  background: #fff;
  border: 1px solid #bfcbd9;
  color: #1f2d3d;
}
.el-button--success.is-plain:focus,
.el-button--success.is-plain:hover {
  background: #fff;
  border-color: #13ce66;
  color: #13ce66;
}
.el-button--success.is-plain:active {
  background: #fff;
  border-color: #11b95c;
  color: #11b95c;
  outline: 0;
}
.el-button--warning {
  color: #fff;
  background-color: #f7ba2a;
  border-color: #f7ba2a;
}
.el-button--warning:focus,
.el-button--warning:hover {
  background: #f9c855;
  border-color: #f9c855;
  color: #fff;
}
.el-button--warning.is-active,
.el-button--warning:active {
  background: #dea726;
  border-color: #dea726;
  color: #fff;
}
.el-button--warning:active {
  outline: 0;
}
.el-button--warning.is-plain {
  background: #fff;
  border: 1px solid #bfcbd9;
  color: #1f2d3d;
}
.el-button--warning.is-plain:focus,
.el-button--warning.is-plain:hover {
  background: #fff;
  border-color: #f7ba2a;
  color: #f7ba2a;
}
.el-button--warning.is-plain:active {
  background: #fff;
  border-color: #dea726;
  color: #dea726;
  outline: 0;
}
.el-button--danger {
  color: #fff;
  background-color: #ff4949;
  border-color: #ff4949;
}
.el-button--danger:focus,
.el-button--danger:hover {
  background: #ff6d6d;
  border-color: #ff6d6d;
  color: #fff;
}
.el-button--danger.is-active,
.el-button--danger:active {
  background: #e64242;
  border-color: #e64242;
  color: #fff;
}
.el-button--danger:active {
  outline: 0;
}
.el-button--danger.is-plain {
  background: #fff;
  border: 1px solid #bfcbd9;
  color: #1f2d3d;
}
.el-button--danger.is-plain:focus,
.el-button--danger.is-plain:hover {
  background: #fff;
  border-color: #ff4949;
  color: #ff4949;
}
.el-button--danger.is-plain:active {
  background: #fff;
  border-color: #e64242;
  color: #e64242;
  outline: 0;
}
.el-button--info {
  color: #fff;
  background-color: #50bfff;
  border-color: #50bfff;
}
.el-button--info:focus,
.el-button--info:hover {
  background: #73ccff;
  border-color: #73ccff;
  color: #fff;
}
.el-button--info.is-active,
.el-button--info:active {
  background: #48ace6;
  border-color: #48ace6;
  color: #fff;
}
.el-button--info:active {
  outline: 0;
}
.el-button--info.is-plain {
  background: #fff;
  border: 1px solid #bfcbd9;
  color: #1f2d3d;
}
.el-button--info.is-plain:focus,
.el-button--info.is-plain:hover {
  background: #fff;
  border-color: #50bfff;
  color: #50bfff;
}
.el-button--info.is-plain:active {
  background: #fff;
  border-color: #48ace6;
  color: #48ace6;
  outline: 0;
}
.el-button--large {
  padding: 11px 19px;
  font-size: 16px;
  border-radius: 4px;
}
.el-button--small {
  padding: 7px 9px;
  font-size: 12px;
  border-radius: 4px;
}
.el-button--mini {
  height: 22px;
  padding: 0 10px;
  font-size: 12px;
  border-radius: 4px;
}
.el-button--text {
  border: none;
  color: #20a0ff;
  background: 0 0;
  padding-left: 0;
  padding-right: 0;
}
.el-button--text:focus,
.el-button--text:hover {
  color: #4db3ff;
}
.el-button--text:active {
  color: #1d90e6;
}
.el-button-group {
  display: inline-block;
  vertical-align: middle;
}
.el-button-group .el-button--primary:first-child {
  border-right-color: rgba(255, 255, 255, 0.5);
}
.el-button-group .el-button--primary:last-child {
  border-left-color: rgba(255, 255, 255, 0.5);
}
.el-button-group .el-button--primary:not(:first-child):not(:last-child) {
  border-left-color: rgba(255, 255, 255, 0.5);
  border-right-color: rgba(255, 255, 255, 0.5);
}
.el-button-group .el-button--success:first-child {
  border-right-color: rgba(255, 255, 255, 0.5);
}
.el-button-group .el-button--success:last-child {
  border-left-color: rgba(255, 255, 255, 0.5);
}
.el-button-group .el-button--success:not(:first-child):not(:last-child) {
  border-left-color: rgba(255, 255, 255, 0.5);
  border-right-color: rgba(255, 255, 255, 0.5);
}
.el-button-group .el-button--warning:first-child {
  border-right-color: rgba(255, 255, 255, 0.5);
}
.el-button-group .el-button--warning:last-child {
  border-left-color: rgba(255, 255, 255, 0.5);
}
.el-button-group .el-button--warning:not(:first-child):not(:last-child) {
  border-left-color: rgba(255, 255, 255, 0.5);
  border-right-color: rgba(255, 255, 255, 0.5);
}
.el-button-group .el-button--danger:first-child {
  border-right-color: rgba(255, 255, 255, 0.5);
}
.el-button-group .el-button--danger:last-child {
  border-left-color: rgba(255, 255, 255, 0.5);
}
.el-button-group .el-button--danger:not(:first-child):not(:last-child) {
  border-left-color: rgba(255, 255, 255, 0.5);
  border-right-color: rgba(255, 255, 255, 0.5);
}
.el-button-group .el-button--info:first-child {
  border-right-color: rgba(255, 255, 255, 0.5);
}
.el-button-group .el-button--info:last-child {
  border-left-color: rgba(255, 255, 255, 0.5);
}
.el-button-group .el-button--info:not(:first-child):not(:last-child) {
  border-left-color: rgba(255, 255, 255, 0.5);
  border-right-color: rgba(255, 255, 255, 0.5);
}
.el-button-group .el-button {
  float: left;
  position: relative;
}
.el-button-group .el-button + .el-button {
  margin-left: 0;
}
.el-button-group .el-button:first-child {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.el-button-group .el-button:last-child {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.el-button-group .el-button:not(:first-child):not(:last-child) {
  border-radius: 0;
}
.el-button-group .el-button:not(:last-child) {
  margin-right: -1px;
}
.el-button-group .el-button.is-active,
.el-button-group .el-button:active,
.el-button-group .el-button:focus,
.el-button-group .el-button:hover {
  z-index: 1;
}
.el-checkbox {
  color: #1f2d3d;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
}
.el-checkbox + .el-checkbox {
  margin-left: 15px;
}
.el-checkbox__input {
  outline: 0;
  line-height: 1;
  vertical-align: middle;
}
.el-checkbox__input.is-indeterminate .el-checkbox__inner {
  background-color: #20a0ff;
  border-color: #0190fe;
}
.el-checkbox__input.is-indeterminate .el-checkbox__inner::before {
  content: '';
  position: absolute;
  display: block;
  border: 1px solid #fff;
  margin-top: -1px;
  left: 3px;
  right: 3px;
  top: 50%;
}
.el-checkbox__input.is-indeterminate .el-checkbox__inner::after {
  display: none;
}
.el-checkbox__input.is-focus .el-checkbox__inner {
  border-color: #0847a6;
}
.el-checkbox__input.is-checked .el-checkbox__inner {
  background-color: #0847a6;
  border-color: #0847a6;
}
.el-checkbox__input.is-checked .el-checkbox__inner::after {
  transform: rotate(45deg) scaleY(1);
}
.el-checkbox__input.is-disabled .el-checkbox__inner {
  background-color: #eef1f6;
  border-color: #d1dbe5;
  cursor: not-allowed;
}
.el-checkbox__input.is-disabled .el-checkbox__inner::after {
  cursor: not-allowed;
  border-color: #eef1f6;
}
.el-checkbox__input.is-disabled .el-checkbox__inner + .el-checkbox__label {
  cursor: not-allowed;
}
.el-checkbox__input.is-disabled.is-checked .el-checkbox__inner {
  background-color: #d1dbe5;
  border-color: #d1dbe5;
}
.el-checkbox__input.is-disabled.is-checked .el-checkbox__inner::after {
  border-color: #fff;
}
.el-checkbox__input.is-disabled.is-indeterminate .el-checkbox__inner {
  background-color: #d1dbe5;
  border-color: #d1dbe5;
}
.el-checkbox__input.is-disabled.is-indeterminate .el-checkbox__inner::before {
  border-color: #fff;
}
.el-checkbox__input.is-disabled + .el-checkbox__label {
  color: #bbb;
  cursor: not-allowed;
}
.el-checkbox__inner {
  display: inline-block;
  position: relative;
  border: 1px solid #bfcbd9;
  border-radius: 2px;
  box-sizing: border-box;
  width: 18px;
  height: 18px;
  background-color: #fff;
  z-index: 1;
  transition: border-color 0.25s cubic-bezier(0.71, -0.46, 0.29, 1.46), background-color 0.25s cubic-bezier(0.71, -0.46, 0.29, 1.46);
}
.el-checkbox__inner:hover {
  border-color: #0847a6;
}
.el-checkbox__inner::after {
  box-sizing: content-box;
  content: '';
  border: 2px solid #fff;
  border-left: 0;
  border-top: 0;
  height: 8px;
  left: 5px;
  position: absolute;
  top: 0px;
  transform: rotate(45deg) scaleY(0);
  width: 4px;
  transition: transform 0.15s cubic-bezier(0.71, -0.46, 0.88, 0.6) 0.05s;
  transform-origin: center;
}
.el-checkbox__original {
  opacity: 0;
  outline: 0;
  position: absolute;
  margin: 0;
  width: 0;
  height: 0;
  left: -999px;
}
.el-checkbox-button,
.el-checkbox-button__inner {
  position: relative;
  display: inline-block;
}
.el-checkbox__label {
  font-size: 14px;
  padding-left: 5px;
}
.el-checkbox-button.is-checked .el-checkbox-button__inner {
  color: #fff;
  background-color: #20a0ff;
  border-color: #20a0ff;
  box-shadow: -1px 0 0 0 #20a0ff;
}
.el-checkbox-button.is-disabled .el-checkbox-button__inner {
  color: #bfcbd9;
  cursor: not-allowed;
  background-image: none;
  background-color: #eef1f6;
  border-color: #d1dbe5;
  box-shadow: none;
}
.el-checkbox-button__inner,
.el-transfer-panel {
  background: #fff;
  vertical-align: middle;
  box-sizing: border-box;
}
.el-checkbox-button.is-focus .el-checkbox-button__inner {
  border-color: #20a0ff;
}
.el-checkbox-button:first-child .el-checkbox-button__inner {
  border-left: 1px solid #bfcbd9;
  border-radius: 4px 0 0 4px;
  box-shadow: none !important;
}
.el-checkbox-button:last-child .el-checkbox-button__inner {
  border-radius: 0 4px 4px 0;
}
.el-checkbox-button__inner {
  line-height: 1;
  white-space: nowrap;
  border: 1px solid #bfcbd9;
  border-left: 0;
  color: #1f2d3d;
  margin: 0;
  cursor: pointer;
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  padding: 10px 15px;
  font-size: 14px;
  border-radius: 0;
}
.el-checkbox-button__inner:hover {
  color: #20a0ff;
}
.el-checkbox-button__inner [class*='el-icon-'] {
  line-height: 0.9;
}
.el-checkbox-button__inner [class*='el-icon-'] + span {
  margin-left: 5px;
}
.el-checkbox-button__original {
  opacity: 0;
  outline: 0;
  position: absolute;
  margin: 0;
  left: -999px;
}
.el-checkbox-button--large .el-checkbox-button__inner {
  padding: 11px 19px;
  font-size: 16px;
  border-radius: 0;
}
.el-checkbox-button--small .el-checkbox-button__inner {
  padding: 7px 9px;
  font-size: 12px;
  border-radius: 0;
}
.el-checkbox-button--mini .el-checkbox-button__inner {
  padding: 4px;
  font-size: 12px;
  border-radius: 0;
}
.el-transfer {
  font-size: 14px;
}
.el-transfer__buttons {
  display: inline-block;
  vertical-align: middle;
  padding: 0 10px;
}
.el-transfer__buttons .el-button {
  display: block;
  margin: 0 auto;
  padding: 8px 12px;
}
.el-transfer-panel__item + .el-transfer-panel__item,
.el-transfer__buttons .el-button [class*='el-icon-'] + span {
  margin-left: 0;
}
.el-transfer__buttons .el-button:first-child {
  margin-bottom: 6px;
}
.el-transfer-panel {
  border: 1px solid #d1dbe5;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.12), 0 0 6px rgba(0, 0, 0, 0.04);
  display: inline-block;
  width: 200px;
  position: relative;
}
.el-transfer-panel .el-transfer-panel__header {
  height: 36px;
  line-height: 36px;
  background: #fbfdff;
  margin: 0;
  padding-left: 20px;
  border-bottom: 1px solid #d1dbe5;
  box-sizing: border-box;
  color: #1f2d3d;
}
.el-transfer-panel .el-transfer-panel__footer {
  height: 36px;
  background: #fff;
  margin: 0;
  padding: 0;
  border-top: 1px solid #d1dbe5;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 1;
}
.el-transfer-panel .el-transfer-panel__footer:after {
  display: inline-block;
  content: '';
  height: 100%;
  vertical-align: middle;
}
.el-transfer-panel .el-transfer-panel__footer .el-checkbox {
  padding-left: 20px;
  color: #8391a5;
}
.el-transfer-panel .el-transfer-panel__empty {
  margin: 0;
  height: 32px;
  line-height: 32px;
  padding: 6px 20px 0;
  color: #8391a5;
}
.el-transfer-panel .el-checkbox__label {
  padding-left: 14px;
}
.el-transfer-panel .el-checkbox__inner {
  width: 14px;
  height: 14px;
  border-radius: 3px;
}
.el-transfer-panel .el-checkbox__inner::after {
  height: 6px;
  width: 3px;
  left: 4px;
}
.el-transfer-panel__body {
  padding-bottom: 36px;
  height: 246px;
}
.el-transfer-panel__list {
  margin: 0;
  padding: 6px 0;
  list-style: none;
  height: 246px;
  overflow: auto;
  box-sizing: border-box;
}
.el-transfer-panel__list.is-filterable {
  height: calc('100%' - 30px);
}
.el-transfer-panel__item {
  height: 32px;
  line-height: 32px;
  padding-left: 20px;
  display: block;
}
.el-transfer-panel__item .el-checkbox__label {
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
  box-sizing: border-box;
  padding-left: 28px;
}
.el-transfer-panel__item .el-checkbox__input {
  position: absolute;
  top: 9px;
}
.el-transfer-panel__item.el-checkbox {
  color: #48576a;
}
.el-transfer-panel__item:hover {
  background: #e4e8f1;
}
.el-transfer-panel__filter {
  margin-top: 10px;
  text-align: center;
  padding: 0 10px;
  width: 100%;
  box-sizing: border-box;
}
.el-transfer-panel__filter .el-input__inner {
  height: 22px;
  width: 100%;
  display: inline-block;
  box-sizing: border-box;
}
.el-transfer-panel__filter .el-input__icon {
  right: 10px;
}
.el-transfer-panel__filter .el-icon-circle-close {
  cursor: pointer;
}
.empty-block {
  border-radius: 12px;
  align-items: center;
  display: flex;
  flex-direction: column;
  height: 340px;
  justify-content: center;
  color: #8c8c8c;
}
.empty-block::before {
  content: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGwAAABHCAMAAADV01IKAAAAQlBMVEUAAAAAAADIyMgAAAAAAADHx8fs7Ozm5ub39/fj4+P29vbk5OT29vazs7P29vfl5eXLy8vHx8fo6Ojw8PHZ2dnY2NjCmEkeAAAADnRSTlMADIAECP0n8vGwre/uMKHilWsAAAE6SURBVFjD7dTdbsIwDIbhUrr+ASak7f3f6jKIZoFTTflmi1LllWgOkHgUy7RarR17yqwf2wqqPRPQGdNGghohrMewHsII7FMwt1rBtortdxv3i7mXCrZ9bFPbOPvH6Wd7bHHO3y3nFmtsdiH/Y4VmlQWJT1FEnI+HJcYaWyYYa2xZY6x53dXfAKY1RpH5gnDGq/93y9Ofek+vK60XcU1gNWDdUOxW51s4FrRcC8eClmvhWNRyLByLWo6FYzla/fUIxnK0q4yIJiL55K4yGFtrih97zPBm6zP8/Jtx4qaqmJzhG8c4KWJT4uf5UMZ8eoYsewWMNSYSVLBgDKhgBStYwXaHNYentLDDa83xzh0bW4ylij0bjCXpdTpW9wtFSXrh20EHG+SVJNdcThrW6SKkZO3Q/XuGQ1ul+gYNHQG1cu66AgAAAABJRU5ErkJggg==');
  margin-bottom: 6px;
}
.error-block {
  align-items: center;
  display: flex;
  flex-direction: column;
  height: 340px;
  justify-content: center;
  color: #8c8c8c;
}
.error-block::before {
  content: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGwAAABOCAYAAAGyBcNmAAAAAXNSR0IArs4c6QAADHRJREFUeAHtnNtvHUcdx+3YuTo45ObcK4dCaYlEoAhCozQJiEoBVS0SQjwkaoF/oQXx1vQBCZXyzhMXNfQFHigPEFFEm4DThohWASUtjZS0NBfn5hA3dlzHFz7fE/+2c/bM7pnds3tyfOKR1jPzm9/9NzM7MzvHHR1Fp9HR0Wk9SXzn+Rpu3rw5YPDp6ekuK7t5p1uxclzSkiVLvHgd586dm9ZjhEm5i9ctpM7Ozh5UGjl27Fhd4g0bNlSkRyq4Es+fP18ldP369ZW6EanidU4VVUKlomq8zSTE4W7dCD/mAlPKhjeSiIOz1iU2JjXE4+jieZ0ighMnTnSkEVaCbpyEGH+szcLUaQU1uHExRMtdvEqwBZiYmPjLpUuXvmZI8dzCIcY1PSTeO0TsEqjudYQaLC1evNiKUW4BjgDGNQJ4CiISqxpiD65A1isSmhPAhGN7avwS6AQO1azCwoRYh2FMv4uvNqfwr2qKolUF9VRMkKepI3FqiiFHwtxOltYZY/SJVR8/rxuF6OuPiZydhu7u7rN9fX0bHVBUjCwT5OLFiw8xYo7kFRRxpaAuHfdQlTAhu+YbcYjw+HiJCxIvrxtNiOVxRgbPmtedBrIyTMOvEXb06NFPpxFkaFuaAbcFUDW4WahM5FGlxo1pTBByXe1aCVHenIbrawsWhoBePcaE8mkrh+Y14yyJMGluDJ0XxTfIsiRBYoA7DygPSZEwZo6xCxcuPBUngtn+OMyt4869bt3Kmol4HrG68oobmY4uQtQnwPz58x9kIn1T5bwJftctvrzzHmAGelu85tFwyAQJcOvWrTcGBwd7VM6TsOY1EyR6ym8Zn26k7pLJBlA+OTn5HivqlS4sb3nevHk/NNqoN7oCQ2Z5Y+DLnYn7dWb/hwwn6iD2Srhy5copa2wgHydWo64g8YosM8auhQarZ6ljiZHUvDjVEFkWYZVYaKqwu+hNXWLIKgse9cgyXuHuZmISGaOKmWaPD3iUvMcDt5sy/R0C+yZPrjd6JklxZN4cA3pNkYoyJi6ipl76MJsxaLskY+BElndtjbYZAKUZpve7u5jQ9lGJqO114Rl0zYQaNFdl4gjyTJRSyYTDO2gfe+TfpCLmbCw0Yiib6RSB6B1Q98ypeypZomG8mH+eShlrREFtAaJD0VhzYlUTiqIHfX8ikqeBxd93POAIVLP6wKBhhLlz9TdZsrwUUcQK4Hai1FQMnKtK1/wPXfP+NGL0m5AzDIdF4rZ169b9w+qWR4ZBcAaCfmuI5wsWLNiwevXq6jPcOFKJ9Xr6LVq0aNPKlSvPmgpuV/Sexhji+Pg4S8nq5bm1lZlj0IuSm+Z0yUe/ra4eUcQEhLgTRondijYN9FJmUlepeJmudpxuWqW44QB/gYX4E1a3vMowA169enXT2NjYf62uHKPcatPLS5cufbW3t3e3I/gsY3+TU68qeg0zDDbWT0xNTf0Yo1K7qeGXnXd1dY2sXbt2CRFyh5BXbKphoggdV0VE1Le3i2ttG9U4PF6va3mcYLbUCzNszZo1HXSVXHbrM01ItLIwL2yGk1EyrlVSYRFrFYNMj7Y1zNcVNVMu4TGjBymvNU+0QO6uY6XO+MxTdWjZFD1Z0bSSY4qxGaNsW5J5S9OIBtbdGuGRSsvS7EMhYKA2oZWzj1SCghpLNYx92gFFzNG1aVGru6RylMpUxKjNGHU6TsRqfJgX8rI4vOh6aRFzjbITKikPvBej9xdtSJxfKYah+Jm4ILeOcc/IQBdWdLlwwzBqH0r311MUvMr333p4edsLNQyDunheCFUG40qbTAo1zKb2UMNwQmmvgMJmRbyvqd37WbqeoVk+1NfjZe3eiNU7jDRiyzGqP80od1Y0GjfPOt7Yrdc9zK2JGEcBjyD0zxIcug3XSa6raJ4y77dneb/tr0erCw6cwzwP3ofotygJv8owiL4E0VFDRtgkO1vfDsBQ9GnoFNH6ZARooFCvS+L0x2H/exOBfh+gn/e1ERlGeO9HwegCg0M8DHHpKwWTl5Rzx/TzurARb8e4S+hXs3WvjDHOETf6jBIT4L0YnfrCjQsrun758uX1PqNm9Ovz6VcxjGn6/TRlMK6fbvBaGk5ZbbpSo+P1NP7SD+NedXEqhvHF4lEXmFD+MsQvJrSVBub6zo16zOmOE3TH3S5eNMaYOH7AxPGc2xgv08/PckO0qafCKHwVPVLvJflm7+g9xsH/T7E8cTlEuI832yg5ll6SOnFheGSDG4gqIEj6avG6i2BlIrrVyk3Ou3Xz3ieTQPTweN+hVYaJmLDqZtdZl9Hw8PAht97ssu/nBHzou4dAjCbpUmOYEDFuE54wovEbN27sSmLQLDi35d4xWVwb387Xy9SZ3GuYGOCNSpi5Uq6PfXc8MeXfh7PfZwZ/kqP0uq+eaFZM0jzkMxIDPIk8GI4jg3B9M6CPMDFiPuTZBJszbDZFS7oWEjF9uGu1lLrXClV2+fLlFVT2ZqEkEZ4+GK5atSqqF1UoxDApI+PMwKKUa4RPIV2xEQXKop0zrCzPlsV3LmJlebYsvjYrKm+9l5Hf6vjHdRdLX0/HBTDDtIK3i/4LKC9UYwsm3WBw0xSVMR79YqEqmWEuUBZXrCbXSat+ibCC546ngYGB3Shxi0eR8e6cgbdXYtWzmaP2a+T/U7m9rPvImraY7QnQsxyi6Tv+x8mXqSzYR2a2T6nuwUArm0pgejmcP07e79OTE5J3OcvaSj7sa5+NsFk7whhB+3j0a2FvsBQMtQlHuLMxOD6dZ90IIwhdjKrD5Nt9BiXBGGVHGG07yWtWKEk0rQifVQHTjUAcrmB1+ZxpFxO2bNnia9b/npqEdiefuY94EWYBcNZMiUxrB/DnQFKwQnw9QzswwyuEpOVwWj5gOHczj95Vue4x+TwuXuIp3r72Voa1dMBw6H6ce5rHe+umEceKp3hLRiN8mk3bkgGTM3HkGfJnynaIZMzIKrxTlKF7yy06cN5enKj3VdMTi5LS/jFAUcYEjzBuaD3Gl/Nb+sLODZafFKWA8SFI+hdeWlTkDpZWibZSNL5Zcsme0cG7Cs3CK44rn8l38qF8GW8PrdcdYQh4GGYHMUa/I4sSvVH/quL73Lv6VQTMWai3XM/JNjdZkct/AvVdfPcLnipfI0OXgvZw9eNvWRStYuIScglnK/exXgF2+5uy21hdHuOCzB4Cd6gaHFaTIWyE9W/M1DFaJuFQbbR3kOc6PSdQu7gZeRCD9GUgLV3j1tRuLhj9Kw3J2moCRqA+QaAOg7DBkEJyDLuE4B38c7pTIfjtisPdvE/hv7/TAfsy2ngO/+0kcDrETkxRwAjUmplA3ZeIHdBA4E709PTsXLZsmb433TXp+vXrK0ZGRnQK4z9mCffEOzOBu+gjcRcd9+LsjT6kLDApzEXNq7z79N6bn4V2NuLKRtkqmwsIlo7PFIN7k3wRjTBDYO59EsG/5KlpM5zQnCvyLzNy9Zuftk1MYS9z/athGwmUFnHfYy3w6zRnJQaFXvM8QXsqjTitjR53kLvee9Jw2qWN/9xzkP/gk9tWAvUzVotPh/gjMWAiJmDdjLg/kH89hJlwED7JT5n+zcrvc6E07YC3cOHCN7lk+Vl8FbyHw1d/YkQ9Rj4R6oPUgBmTmReqVj4PGMyXI3iQkbkAvJa43OLTsUwY9g8xUsaxf22aHPDeYmG2I8/CLChgJpzR9hn2Ftro1QQEJf/JDv5B8kw8jXe75ARjmv//9Qb5Fzw2DbFnfZhRddLTFgTK5VwC9w0C8xJP5ToZ098rQ0NDXwmSeJcgrVix4q9svL8qcwneBM/jBOqPjZqfK2AmlMA9fe3atW+x//iiwRrMg+f/BuU0hZxp7yh3839HoPTL80JSQwGTBiE/twrVlPdfKGqpeKE/7QpRIvTnXyG8hONunENp5vDuoAfmAnYHnZ9HdEsFLO+/zcxjeBJNK+iQpJvgLRUw/bqPZW+avqW2SXYZvzAsUunKsrxIho3wUu9mD9MIi7anvXPdue1dW46BcwErx6+lcZ0LWGmuLYfxXMDK8WtpXOcCVppry2GsVaLO75Trc37DR1XwmEvVHlhaXc1Vm4JK38wmFCj9XkpP5R99kyspcBbEtjqQrVjX3D+hg0DX6RSHSmDIvdfrFBRfErJ+1a7HTZpCNRKj0chNq99yy+fbLtJc+bYH5BuPLywgCo5GTqYUGv00pp0nT568hzsNz7Hx3Qni3b7zHeTy0WE+Pf1o27Zt7+GPzEFJc/b/AY5jaA/bZBbyAAAAAElFTkSuQmCC');
  margin-bottom: 6px;
}
.not-generated-block {
  align-items: center;
  display: flex;
  flex-direction: column;
  height: 340px;
  justify-content: center;
  color: #8c8c8c;
}
.not-generated-block::before {
  content: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGwAAABNCAYAAABDloFeAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAbKADAAQAAAABAAAATQAAAAAFetyqAAAIFUlEQVR4Ae1c22tcRRzezT1NmpLGJCYpIkKj4kPtiynYpn1Q7IPog1WfRKkF/wChVdF3adBn36TaF0VBH2oFhd7VGIJUaLQVRGkum4Rsmpr71e/b7p5Ods+Zc5tMZndnYHImM7/5Xb7vzJxz5szZZMKQtLGxsWdxcfE0jkfgUsc2uTWWTCYv1tXVncRxeJt8kJpNSls1NZKshYWF6zC3W5NJPzPp+vr6fSaSVuHnuY52jizYMYUshrw765OO8EPZMIKw7DQYyvGtFjbRJ8ZsBGHwY7uuWTLeTfTJGMJkwNk2AQFTRpjgki3KELCEydAxsM0SZiApMpcsYTJ0DGwrGsKWlpYSzLKkSkZmY7vbqrbbgSD2JyYmEpOTkxnR1tbWRFtbW0E3VTIFig2rKIoRlk6nHdjEslOJglgvlsPKiPImlouCsNraWgc7sexUoiDWi+WwMqK8iWUjFn/n5+c3ZOCsrKxsmhKrq6sLxFXJiIp37NhhBD6iT0Y45EeY6LDOsomEFcWUqJMk021ZwkxnKM8/S1geIKb/awkznaE8/yxheYCY/m8owlKp1Kujo6OfmB6Uqf4RO2IYx7/AhMHQC+vr62fx6vytsbGxD+MYLYa+2ICzrtJPYkbsiCGxjKo7EGEjIyPPrq2tfQmDmbVHGD0FB96OarRI+t1S5SexImbURwyJJTGNot+XMAzjQzjbvoHy++tD9wz3wZE3ohgtkj5fqfCTGIGkvjxdtcSU2ObV+/4rXemAsadg7EfknW6aYHQNbS91dXV969YetM60lQ7Exc2kR3GUv8/xCRCj6EXo+BoYVbqJou0/5Gc6Ojp+dWt3q/MkbHx8fN/q6uoFdGp26yjULVZUVByF0UtCXaiiSBgCuIHOt0MpUCc8ClWXQNZZ+BHrGoaT/TCmwe+hr87Hvemqqqoj7e3tv/vIZZpdCcNQfQytl3BmFL54ctGK4O7SKN5T/ebS7FuVIwzEf4yV9lPQt+rbyWABvJvbj5P9IvBrCuIm4p2A3OHOzs4//eQLCMPIegTGLqNjl19nsZ1GQdpBkPaXWB+kjG3ad0HWcZCl5LoRxOZWyYCsvcDvatCTXfBjBPj1YqT9LdQVFDcRNjU1tQev2a/A2MMFkgEqQNo/ePXxNN4Kc2oJnLAt+lFMQzcDdzBUEG/FO/Ga51oc/HDSHmppafH8EMMhDCOrPTuyuuPgAdJuNDQ09O7atev+a+I4Couk78zMzO65ubnLIOuJmC7fyo60cTc9zm09nw0gEIssGqDDs7Oz5/Bw2OBmsBTrGCtjVkAW4ekGF1944eQQVllZ+S5Gx7yXYMj6A7hD4u1s4avhkIpMF2eMjBV+HlDhKzkAF+956XIIw8XuJwi/gqzkDg2BPIdb2zNehkulnjEyVhXxEHtyQC689G3a5oZnqXNw4ASEP4UTzvXNq7NfPa6JDwwMDEj3a/jpML0dMf6AERHbTRC1gXyCHMiUOSMsJ4QOZ9Axs+6Vq4t4xE3n1OMR+xZNt2yMU3EdJubE3k9PAWHsgI59UPCRX2dZOy7CAzj79shkSqGNMTLWOLEQa2IeRIfntMcpMTs/vxZEkSiDvtfRl7e3m6ZcUabEyqsA/AaA3xc2LvT5HH1fxzHQpcN1hNEoFUDRcRzPh3EC8mvT09M0Xi5kEZ4q7DZeZ+whsTqfxTgQWdTtSRgb4QDvGI8h/8L/gyQ86V/AysWTQWRLSQYrRPsZe4iYiOmxLMaBu3lOiaKG7FM818ekNxEwnsLCcQ3kTPpFADGULS0j/jQWcJcR/4MyQ5D7A6tBB6OsBklHWM4oFWONi88aw7k6tyOIvVmuZBEPxg4M/Fbch4llFLJoIxBhFMSC5G2sqJM01zVCODuItbReypZzAgaHiYUHBmliSCw92n2rAxNGTbhADmFh8nkM6fwlrGU8jzTB0UBTrK9XRSxADIDFToSwLIZBzIgdMRTrw5ZDEUblWDb5GcZfRnaWsHCTcW15eXlvWOOlKg8suoHJ1Vx8xIqYEbtcXdRjaMJoCGfJd3DgTWTejg5j3u6J6kCp9iMmwOc2MSJWxExFrJEIo2E48BkcOQnHhvE6oBZVfAaJm6m6JBIwabhz584oMSJWqoKKfc3BzqDAD31+TuORwE9ESztuzZXZwY6y2BiLzkQeYaISW9aHgCVMH9ZKLFnClMCoT4klTB/WSixZwpTAqE+JJUwf1kosGUWYir0RcVExwQdZDEYRVlNTI/NVS5sJPsgCNYqwpqamBFazZf5uaRtt0weT0/ah44IKpyP+Wht+Mz6hc2qiLdqkbZ12XSDwrTJu3wUBa272+yTNN66SFTBqhJUsygoDs4QpBFOHKkuYDpQV2rCEKQRThypLmA6UFdqwhCkEU4cqS5gOlBXasIQpBFOHKkuYDpQV2rCEKQRThypLmA6UFdrgWiI/0OWRX/wr3ZIFfTYlEo0KQODvXnGn9SqJym3+5F5wkkfijFsUhk/FmqIOAvKSIQlHEpZJIjHcEJoToJHcqIv/ifw9W/avHAHiL5LkukFXJExUR+GVbCZ5HHXMbte8FOqlH7ChvVwTsZElZ6qDEMuuJIkK3AgQ21mmEk6Xc9nMsqMYX9Ffwf82uSDggQ1nsUXkHJ78EU2OLAdTlD1TEMLEzjwLaGAWmd+IrQwODr6Po+tHfqgv55Tu7+//AACQCM5WC8jEjUf+71yXUA6col4QRQPJoaGhhxobG0/jbXEvGsp9ekzhy5XL+NmLd3p6ev4FHpGIEQEWy/8Dg2P7TDIpR3MAAAAASUVORK5CYII=');
  margin-bottom: 6px;
}

.yt_layout_analysis_dataType_container {
  border-radius: 12px;
  background: #fff;
  transition: all 0.3s;
}
.yt_layout_analysis_dataType_container .container_title {
  position: relative;
  display: flex;
  padding: 12px 16px;
  justify-content: space-between;
  align-items: center;
}
.yt_layout_analysis_dataType_container .container_title--left {
  display: flex;
  align-items: center;
  gap: 8px;
}
.yt_layout_analysis_dataType_container .container_title--left i {
  font-size: 18px;
}
.yt_layout_analysis_dataType_container .container_title--left span {
  font-weight: 600;
}
.yt_layout_analysis_dataType_container .container_title--right {
  position: absolute;
  right: 6px;
  top: 4px;
  width: 36px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  transition: transform 0.3s;
  cursor: pointer;
}
.yt_layout_analysis_dataType_container .container_list--isCollapsed {
  padding: 0 16px 16px;
  display: grid;
  grid-template-columns: repeat(var(--cols), 1fr);
  grid-gap: 4px;
}
.yt_layout_analysis_dataType_container .container_list--isCollapsed_item {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  height: 36px;
  background: rgba(0, 0, 0, 0.02);
  background: var(---, rgba(0, 0, 0, 0.02));
  cursor: pointer;
}
.yt_layout_analysis_dataType_container .container_list--isCollapsed_item.active,
.yt_layout_analysis_dataType_container .container_list--isCollapsed_item:hover {
  color: #6756fc;
  background: #f8f7ff;
  background: var(---, #f8f7ff);
}
.yt_layout_analysis_dataType_container .container_list--isExpanded {
  padding: 0 8px 8px;
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.yt_layout_analysis_dataType_container .container_list--isExpanded_item {
  padding: 0 8px;
  display: flex;
  align-items: center;
  height: 36px;
  gap: 8px;
  border-radius: 8px;
  cursor: pointer;
}
.yt_layout_analysis_dataType_container .container_list--isExpanded_item i {
  font-size: 18px;
}
.yt_layout_analysis_dataType_container .container_list--isExpanded_item:not(.active):hover {
  background: #000;
  background: rgba(0, 0, 0, 0.04);
  background: var(---, rgba(0, 0, 0, 0.04));
  color: #6756fc;
}
.yt_layout_analysis_dataType_container .container_list--isExpanded_item.active {
  color: #6756fc;
  background: #f8f7ff;
}
.yt_layout_analysis_dataType_container.isCollapsed .container_title--left {
  color: #7262fd;
  color: var(---, #7262fd);
}
.yt_layout_analysis_dataType_container .yt_layout_analysis_dataType_icon .normal_icon {
  display: block;
}
.yt_layout_analysis_dataType_container .yt_layout_analysis_dataType_icon .active_icon {
  display: none;
}
.yt_layout_analysis_dataType_container .yt_layout_analysis_dataType_icon:hover .normal_icon,
.yt_layout_analysis_dataType_container .yt_layout_analysis_dataType_icon.active .normal_icon,
.yt_layout_analysis_dataType_container .container_list--isCollapsed_item:not(.active):hover .normal_icon,
.yt_layout_analysis_dataType_container .container_list--isExpanded_item:not(.active):hover .normal_icon {
  display: none;
}
.yt_layout_analysis_dataType_container .yt_layout_analysis_dataType_icon:hover .active_icon,
.yt_layout_analysis_dataType_container .yt_layout_analysis_dataType_icon.active .active_icon,
.yt_layout_analysis_dataType_container .container_list--isCollapsed_item:not(.active):hover .active_icon,
.yt_layout_analysis_dataType_container .container_list--isExpanded_item:not(.active):hover .active_icon {
  display: block;
}
.yt_layout_analysis_dataType_container .dataType_icon_wrapper {
  height: 18px;
  line-height: 18px;
}
.yt_layout_analysis_dataType_container .dataType_icon_wrapper svg {
  width: 18px;
  height: 18px;
}

.dark .yt_navbar_usernotification {
  background: #f8f7ff;
}
.yt_navbar_usernotification {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-radius: 15px;
  background: rgba(255, 255, 255, 0.5);
  border: 1px solid #fff;
}
.yt_navbar_usernotification .task_nums {
  padding-left: 8px;
  padding-right: 10px;
  color: #7262fd;
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
}
.yt_navbar_usernotification:hover {
  box-shadow: 0px 9px 28px 8px rgba(0, 0, 0, 0.05), 0px 6px 16px 0px rgba(0, 0, 0, 0.08), 0px 3px 6px -4px rgba(0, 0, 0, 0.12);
}
.user_setting_box .yt_navbar_usernotification .action_icon {
  border: 0;
  width: 22px;
  height: 22px;
  background: transparent;
}
.user_setting_box .yt_navbar_usernotification .action_icon:hover {
  box-shadow: none;
}
.user_notification_wrapper {
  max-width: calc(100vw - 12px * 2) !important;
  padding: 16px 12px !important;
}
.user_notification_wrapper .ant-notification-notice-message {
  padding: 0 12px !important;
}
.user_notification_wrapper .readAll_btn {
  cursor: pointer;
  color: #7262fd;
  font-size: 12px;
  font-weight: 600;
  line-height: 20px;
}
.user_notification_wrapper .readAll_btn.disabled {
  cursor: not-allowed;
  opacity: 0.7;
}
.user_notification_wrapper .dot {
  display: block;
  width: 8px;
  height: 8px;
  border-radius: 8px;
  background-color: #7262fd;
  margin-right: 8px;
}
.user_notification_wrapper .notification_message {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 16px;
}
.user_notification_wrapper .notification_message .message_title {
  color: #262626;
  font-size: 16px;
  font-weight: 600;
  display: flex;
  align-items: center;
}
.user_notification_wrapper .notification_list {
  max-height: 360px;
  overflow-y: scroll;
}
.user_notification_wrapper .notification_list > li {
  cursor: pointer;
  border-radius: 6px;
  margin-bottom: 8px;
  display: flex;
}
.user_notification_wrapper .notification_list > li:hover {
  background: #f8f5ff;
}
.user_notification_wrapper .notification_list > li .dot_box {
  flex: none;
  margin-right: 4px;
  width: 6px;
  height: 22px;
  display: flex;
  align-items: center;
}
.user_notification_wrapper .notification_list > li .dot_box .dot {
  width: 6px;
  height: 6px;
  border-radius: 6px;
  margin: 0;
}
.user_notification_wrapper .notification_list > li .message_content {
  flex: 1;
  max-width: calc(100% - 14px);
}
.user_notification_wrapper .notification_list > li .message_content .text {
  font-size: 14px;
  line-height: 22px;
}
.user_notification_wrapper .notification_list > li .message_content .nowrap {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.user_notification_wrapper .notification_list > li .message_content .date {
  color: #626262;
  font-size: 12px;
  line-height: 20px;
}
.user_notification_wrapper .notification_list > li .download_box {
  flex: none;
  width: 28px;
  padding-left: 12px;
  display: flex;
  align-items: center;
}
.user_notification_wrapper .notification_list.check_all .message_content {
  max-width: 100% !important;
}
.user_notification_wrapper .notification_footer {
  cursor: pointer;
  text-align: center;
  color: #7262fd;
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
  /* 157.143% */
}
.user_notification_wrapper .notification_list_empty {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 20px;
}
.user_notification_wrapper .notification_list_empty .ant-empty-image img {
  width: 140px;
}
.user_notification_wrapper .notification_list_empty .ant-empty-description {
  color: #bfbfbf;
}

.user_setting_box {
  display: flex;
  gap: 16px;
  align-items: center;
}
.user_setting_box .yt_navbar_avatar {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  border: 1px solid #fff;
}
.user_setting_box .action_icon {
  width: 24px;
  height: 24px;
  text-align: center;
  line-height: 22px;
  color: #8c8c8c;
  border-radius: 50%;
  border: 1px solid #fff;
  cursor: pointer;
  transition: all 0.18s;
  background: rgba(255, 255, 255, 0.5);
}
.user_setting_box .action_icon:hover {
  box-shadow: 0px 9px 28px 8px rgba(0, 0, 0, 0.05), 0px 6px 16px 0px rgba(0, 0, 0, 0.08), 0px 3px 6px -4px rgba(0, 0, 0, 0.12);
}
.user_setting_box .ai_trigger {
  width: -moz-max-content;
  width: max-content;
  border-radius: 12px;
  display: flex;
  align-items: center;
  gap: 4px;
}
.user_setting_box .ai_trigger span {
  padding-right: 8px;
}
.user_setting_box .ai_trigger_img {
  width: 20px;
  height: 20px;
}
.yt_navbar_menu_list {
  width: 183px;
}
.yt_navbar_menu_list .ant-dropdown-menu-title-content {
  display: flex;
  align-items: center;
  width: 100%;
}
.yt_navbar_menu_list .ant-dropdown-menu-title-content .project_small_name {
  flex-shrink: 1;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.yt_navbar_project_list ul {
  max-height: 500px;
  overflow-y: auto;
}
.yt_navbar_project_list .project_small_logo {
  width: 14px;
  height: 14px;
  border-radius: 50%;
  vertical-align: middle;
}
.yt_navbar_project_list .project_small_name {
  margin-left: 8px;
}
.yt_navbar_VERTICAL .task_nums {
  display: none;
}
.yt_navbar_VERTICAL.yt_navbar_expansion .user_setting_box {
  flex-direction: row-reverse;
  justify-content: flex-end;
}
.yt_navbar_VERTICAL.yt_navbar_collapse .user_setting_box {
  flex-direction: column;
}
.ant-dropdown-menu .ant-dropdown-menu-item.logout::before {
  position: absolute;
  right: 0;
  left: 0;
  top: 0;
  content: '';
  border-bottom: 1px solid #f0f0f0;
}
.yt-version-update-popover-content .update-button {
  margin-top: 8px;
}
.ai-assistant_tooltip .ant-tooltip-inner {
  border-radius: 44px;
}
.ai-assistant_tooltip .ant-tooltip-inner span {
  background: linear-gradient(90deg, #7e5eff 0%, #bc5eff 50%, #e45eff 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.yt_layout {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, #ebf2ff 0%, #f7f9fc 53.69%);
  background-image: url(/img/ef0fb18782540a18fc38.png);
  background-repeat: no-repeat;
  background-position: right top;
  overflow: hidden;
}
.yt_layout.no_permission .yt_navbar_center {
  visibility: hidden;
}
.yt_layout ul {
  padding-left: 0;
}
.yt_layout .yt_layout_main {
  display: flex;
  padding: 0 12px;
}
.yt_layout .yt_layout_main_fullscreen {
  background: #fff;
  height: 100%;
}
.yt_layout .yt_layout_content {
  padding: 12px 0;
  flex: 1;
  overflow: auto;
}
.yt_layout .yt_layout_sidebar {
  padding: 12px 0;
  position: relative;
  margin-right: 12px;
  width: 200px;
  flex-shrink: 0;
  overflow-x: hidden;
  overflow-y: auto;
}
.yt_layout .yt_layout_sidebar .config_tool {
  display: flex;
  align-items: center;
  gap: 8px;
  position: absolute;
  bottom: 12px;
  cursor: pointer;
  color: #8c8c8c;
}
.yt_layout .yt_layout_sidebar .config_tool .ant-popover-arrow {
  display: none;
}
.yt_layout .yt_layout_sidebar .config_tool .yt_sidebar_menu_name:hover {
  color: #7262fd;
}
.yt_layout .yt_layout_sidebar .config_tool ul {
  padding: 0;
}
.yt_layout .yt_layout_sidebar .config_tool:hover {
  color: #7262fd;
}
.yt_layout .yt_layout_sidebar .yt_sidebar {
  height: auto;
}
.yt_layout .yt_layout_sidebar.is_analysis {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  height: 100%;
  gap: 12px;
  overflow: hidden;
}
.yt_layout .yt_layout_sidebar.is_analysis .yt_sidebar_menu {
  border-radius: 12px;
  background: #fff;
  padding: 8px;
}
.yt_layout .yt_layout_sidebar.is_analysis .yt_sidebar_menu .yt_sidebar_menu_list {
  gap: 4px;
}
.yt_layout .yt_layout_sidebar.is_analysis .yt_sidebar_menu .yt_sidebar_menu_label {
  padding-left: 8px;
  padding-right: 8px;
}
.yt_layout .yt_layout_sidebar.is_analysis .yt_sidebar_menu .yt_sidebar_menu_name {
  padding-left: 8px;
  padding-right: 8px;
}
.yt_layout .yt_layout_sidebar.is_analysis .yt_sidebar_menu .yt_sidebar_menu_name:not(.active):hover {
  background: #f5f5f5;
}
.yt_layout .yt_layout_sidebar.is_analysis .yt_sidebar_menu .yt_sidebar_menu_name.active {
  background: #f8f7ff !important;
}
.yt_layout .yt_layout_sidebar.is_analysis .yt_layout_analysis_dataType_container,
.yt_layout .yt_layout_sidebar.is_analysis .config_tool {
  flex: none;
}
.yt_layout .yt_layout_sidebar.is_analysis .yt_sidebar {
  flex: 1;
  height: 100%;
  overflow: hidden;
}
.yt_layout .yt_layout_sidebar.is_analysis .config_tool {
  position: static;
  border-radius: 12px;
  background: #fff;
  padding: 8px;
}
.yt_layout .scrollbar_hidden::-webkit-scrollbar {
  display: none;
}
.yt_layout .scrollbar_hidden {
  -ms-overflow-style: none;
  /* Internet Explorer 10+ */
  scrollbar-width: none;
  /* Firefox */
}
.yt_layout_VERTICAL .yt_layout_navbar {
  width: 100%;
  height: 56px;
}
.yt_layout_VERTICAL .yt_layout_main {
  overflow: hidden;
  height: calc(100% - 56px);
}
.yt_layout_VERTICAL .yt_layout_content {
  flex: 1;
}
.yt_layout_HORIZONTAL {
  flex-direction: row;
}
.yt_layout_HORIZONTAL .yt_layout_main {
  flex-shrink: 1;
  height: 100%;
  width: 100%;
  overflow: hidden;
}
.yt_navbar_back_project_list ul {
  max-height: 500px;
  overflow: auto;
}
.yt_sidebar_popover_submenu:not(.is_operation_panel) {
  width: 280px !important;
}
.yt_sidebar_popover_submenu:not(.is_operation_panel) .ant-popover-inner-content {
  max-height: 400px;
  overflow-y: auto;
}
.yt_sidebar_popover_submenu .ant-popover-inner-content {
  padding: 4px;
}
.yt_sidebar_popover_submenu .ant-menu-item {
  height: 32px !important;
  line-height: 32px !important;
  margin: 0 !important;
}
.yt_sidebar_popover_submenu .ant-menu-vertical {
  border-right: none !important;
}
.yt_sidebar_popover_submenu .yt_sidebar_menu_item .yt_sidebar_menu_name {
  height: 32px;
  line-height: 32px;
}
.yt_sidebar_popover_submenu .yt_sidebar_menu_item .yt_sidebar_menu_name:hover {
  background: rgba(0, 0, 0, 0.04);
}
.yt_sidebar_popover_submenu .yt_sidebar_menu_item .yt_sidebar_menu_name.is_analysis {
  flex: 1;
}
.yt_sidebar_popover_submenu .yt_sidebar_menu_item .yt_sidebar_menu_name.is_analysis.active {
  background: #f8f7ff !important;
}
.yt_sidebar_popover_submenu .yt_sidebar_menu_item .yt_sidebar_menu_name.is_analysis.active .menu_main_label_wrapper {
  color: #7262fd !important;
}
.yt_sidebar_popover_submenu .yt_sidebar_menu_item .yt_sidebar_menu_name.is_analysis.is_dynamic {
  position: relative;
}
.yt_sidebar_popover_submenu .yt_sidebar_menu_item .yt_sidebar_menu_name.is_analysis.is_dynamic .menu_main_label {
  display: inline-block;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  transition: all 0.18s 0.2s;
}
.yt_sidebar_popover_submenu .yt_sidebar_menu_item .yt_sidebar_menu_name.is_analysis.is_dynamic .yt_sidebar_menu_item_actions_box {
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
  visibility: hidden;
  z-index: -1;
}
.yt_sidebar_popover_submenu .yt_sidebar_menu_item .yt_sidebar_menu_name.is_analysis.is_dynamic .yt_sidebar_menu_item_actions_box .icon-gengduo {
  color: #262626 !important;
}
.yt_sidebar_popover_submenu .yt_sidebar_menu_item .yt_sidebar_menu_name.is_analysis.is_dynamic:hover .yt_sidebar_menu_item_actions_box {
  visibility: visible;
  z-index: unset;
  color: #7262fd !important;
}
.yt_sidebar_popover_submenu .yt_sidebar_menu_item .yt_sidebar_menu_name.is_analysis.is_dynamic:hover .yt_sidebar_menu_item_actions_box .yt_sidebar_menu_icon_fix {
  visibility: visible;
}
.yt_sidebar_popover_submenu .yt_sidebar_menu_item .yt_sidebar_menu_name.is_analysis.is_dynamic:hover .menu_main_label {
  display: inline-block;
  width: 190px;
  max-width: 190px !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  overflow: hidden !important;
}
.yt_sidebar_popover_submenu .yt_sidebar_menu_item .yt_sidebar_menu_name.is_analysis.is_dynamic.fixed .yt_sidebar_menu_item_actions_box {
  visibility: visible;
  z-index: unset;
}
.yt_sidebar_popover_submenu .yt_sidebar_menu_item .yt_sidebar_menu_name.is_analysis.is_dynamic.fixed .menu_main_label {
  display: inline-block;
  width: 190px;
  max-width: 190px !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  overflow: hidden !important;
}
.yt_sidebar_popover_submenu .yt_sidebar_menu_item .yt_sidebar_menu_name.is_analysis .menu_main_label_wrapper {
  display: flex;
  align-items: center;
  flex: 1;
  white-space: nowrap;
  overflow: hidden;
}
.yt_sidebar_popover_submenu .yt_sidebar_menu_item .yt_sidebar_menu_name.is_analysis .menu_main_label_wrapper.top_menu .menu_main_label {
  display: flex;
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 130px;
}
.yt_sidebar_popover_submenu .yt_sidebar_menu_item .yt_sidebar_menu_name.is_analysis .menu_main_label_wrapper.top_menu .menu_main_label > span:first-child {
  flex-shrink: 0;
}
.yt_sidebar_popover_submenu .yt_sidebar_menu_item .yt_sidebar_menu_name.is_analysis .menu_main_label_wrapper.top_menu .sub_menu {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #8c8c8c;
}
.yt_sidebar_popover_submenu .yt_sidebar_menu_item .yt_sidebar_menu_name.is_analysis .menu_main_label {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  width: 100%;
}
.yt_layout .yt_sidebar_menu_item .yt_sidebar_menu_name.is_analysis {
  flex: 1;
}
.yt_layout .yt_sidebar_menu_item .yt_sidebar_menu_name.is_analysis.active {
  background: #f8f7ff !important;
}
.yt_layout .yt_sidebar_menu_item .yt_sidebar_menu_name.is_analysis.active .menu_main_label_wrapper {
  color: #7262fd !important;
}
.yt_layout .yt_sidebar_menu_item .yt_sidebar_menu_name.is_analysis.active .menu_main_label_wrapper .sub_menu {
  color: #7262fd !important;
}
.yt_layout .yt_sidebar_menu_item .yt_sidebar_menu_name.is_analysis.is_dynamic {
  position: relative;
}
.yt_layout .yt_sidebar_menu_item .yt_sidebar_menu_name.is_analysis.is_dynamic .menu_main_label {
  display: inline-block;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  transition: all 0.18s 0.2s;
}
.yt_layout .yt_sidebar_menu_item .yt_sidebar_menu_name.is_analysis.is_dynamic .yt_sidebar_menu_item_actions_box {
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
  visibility: hidden;
  z-index: -1;
}
.yt_layout .yt_sidebar_menu_item .yt_sidebar_menu_name.is_analysis.is_dynamic:hover .yt_sidebar_menu_item_actions_box {
  visibility: visible;
  z-index: unset;
  color: #7262fd !important;
}
.yt_layout .yt_sidebar_menu_item .yt_sidebar_menu_name.is_analysis.is_dynamic:hover .yt_sidebar_menu_item_actions_box .yt_sidebar_menu_icon_fix {
  visibility: visible;
}
.yt_layout .yt_sidebar_menu_item .yt_sidebar_menu_name.is_analysis.is_dynamic:not(.active):hover .yt_sidebar_menu_item_actions_box .icon-gengduo {
  color: #262626;
}
.yt_layout .yt_sidebar_menu_item .yt_sidebar_menu_name.is_analysis.is_dynamic.fixed .yt_sidebar_menu_item_actions_box {
  visibility: visible;
  z-index: unset;
}
.yt_layout .yt_sidebar_menu_item .yt_sidebar_menu_name.is_analysis .menu_main_label_wrapper {
  display: flex;
  align-items: center;
  flex: 1;
  white-space: nowrap;
  overflow: hidden;
}
.yt_layout .yt_sidebar_menu_item .yt_sidebar_menu_name.is_analysis .menu_main_label_wrapper.top_menu .menu_main_label {
  display: flex;
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 130px;
}
.yt_layout .yt_sidebar_menu_item .yt_sidebar_menu_name.is_analysis .menu_main_label_wrapper.top_menu .menu_main_label > span:first-child {
  flex-shrink: 0;
}
.yt_layout .yt_sidebar_menu_item .yt_sidebar_menu_name.is_analysis .menu_main_label_wrapper.top_menu .sub_menu {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #8c8c8c;
}
.yt_layout .yt_sidebar_menu_item .yt_sidebar_menu_name.is_analysis .menu_main_label {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  width: 100%;
}

/**
 * base colors
 */
/* font */
/* boder */
.tags_stystm {
  border: 1px solid #1890ff;
  color: #1890ff;
}
html {
  overflow: hidden;
}
body h1,
body h2,
body h3,
body h4,
body h5,
body h6 {
  margin-bottom: 0;
  color: unset;
  font-weight: 500;
}
body p {
  margin-bottom: 0;
}
body ol,
body ul,
body dl {
  margin-bottom: 0;
}
body ul {
  padding-left: 0;
}
.ant-table-thead > tr > th {
  padding: 14px 24px;
  background: #fafafa;
  color: #8c8c8c;
}
.ant-table-thead > tr > th::before {
  display: none;
}
.ant-table-tbody > tr > td {
  padding: 12px 24px;
}
.ant-table-tbody > tr > td .ant-btn-link {
  padding: 0;
}
.ant-table-tbody > tr > td .ant-btn-link:not([disabled]) {
  color: #1890ff;
}
.ant-table-tbody > tr.ant-table-row:hover > td,
.ant-table-tbody > tr > td.ant-table-cell-row-hover {
  background: #f8f7ff;
}
.ant-table-row .ant-table-cell a {
  color: #5b8ff9;
}
.ant-table-row .ant-table-cell a:hover {
  opacity: 0.8;
}
.ant-table-row .ant-table-cell > a {
  display: block;
}
.ant-table-row .ant-table-cell > a:hover {
  color: #7262fd;
}
#app .ant-table.ant-table-middle .ant-table-thead .ant-table-filter-column-title {
  padding: 12px 0 12px 8px;
}
.ant-table-wrapper .ant-table-header .ant-table-cell > div.ant-table-filter-column,
.ant-table-wrapper .ant-table-header .ant-table-cell > div.ant-table-column-sorters {
  justify-content: flex-start;
}
.ant-table-wrapper .ant-table-header .ant-table-cell > div.ant-table-filter-column .ant-table-column-title,
.ant-table-wrapper .ant-table-header .ant-table-cell > div.ant-table-column-sorters .ant-table-column-title {
  flex: unset;
}
.ant-pagination-total-text {
  flex: auto !important;
}
.ant-pagination-item {
  font-size: 12px;
}
.ant-pagination-item a {
  color: #8c8c8c;
}
.ant-pagination-item-active {
  border-color: #7262fd;
  background-color: #f0f2f5;
}
.ant-pagination-item-active a {
  color: #7262fd;
}
.ant-pagination-options .ant-select-selector {
  font-size: 12px;
}
.ant-pagination-options .ant-select-dropdown .ant-select-item {
  font-size: 12px;
}
.ant-tooltip-inner {
  padding: 12px 16px;
  font-size: 12px;
}
.ant-select-item {
  margin: 0 4px;
}
.ant-dropdown-menu {
  padding: 4px !important;
}
.ant-select-item,
.ant-dropdown-menu-item {
  border-radius: 4px;
  overflow: hidden;
}
.ant-dropdown-menu-item:active,
.ant-dropdown-menu-submenu-title:active {
  background-color: #fff;
  color: #7262fd;
}
.ant-dropdown-menu-item-selected {
  background-color: #f8f7ff !important;
}
.ant-modal .ant-modal-header,
.ant-modal .ant-modal-content {
  border-radius: 16px;
}
.ant-modal-header {
  border-bottom: none !important;
}
.ant-modal-footer {
  border-top: none !important;
}
.ant-modal-title,
.ant-modal-confirm-title {
  color: #262626;
  font-weight: 600 !important;
}
.ant-spin-container {
  height: 100%;
  width: 100%;
}
.ant-drawer .ant-drawer-header {
  border-bottom: none;
}
.ant-drawer .ant-drawer-header .ant-drawer-title {
  font-weight: bold;
}
.ant-radio-group .ant-radio-button-wrapper:hover {
  z-index: 1;
  color: #7262fd;
  background: #fff;
  border-color: #7262fd;
}
.ant-radio-group .ant-radio-button-wrapper:hover::before {
  background-color: #7262fd;
}
.ant-radio-group .ant-radio-button-wrapper-disabled:hover {
  z-index: 1;
  color: #bfbfbf;
  background: #f1f3f4;
  border-color: #e5e5e5;
}
.ant-radio-group .ant-radio-button-wrapper-disabled:hover::before {
  background-color: #e5e5e5;
}
.ant-btn + .ant-btn {
  margin-left: 8px;
}
.versionCssConcordCascader .ant-cascader-menus {
  position: relative;
}
.ant-tabs-dropdown {
  background-color: #fff;
}
.ant-btn-sm,
.ant-input-sm,
.ant-input-affix-wrapper-sm,
.ant-select-sm:not(.ant-select-customize-input) .ant-select-selector {
  border-radius: 4px;
}
.ant-btn,
.ant-input,
.ant-input-affix-wrapper,
.ant-select:not(.ant-select-customize-input) .ant-select-selector {
  border-radius: 6px;
}
.ant-btn-lg,
.ant-input-lg,
.ant-input-affix-wrapper-lg,
.ant-select-lg:not(.ant-select-customize-input) .ant-select-selector {
  border-radius: 8px;
}
.ant-pro-table {
  height: calc(100% - 32px);
}
.ant-pro-table .ant-pro-card {
  height: calc(100% - 60px);
}
.ant-pro-table .ant-pro-card .ant-pro-card-body {
  height: 100%;
}
.ant-pro-table .ant-pro-card .ant-pro-card-body .ant-table-wrapper {
  height: 100%;
}
.ant-pro-table .ant-pro-card .ant-pro-card-body .ant-table-wrapper .ant-spin-nested-loading {
  height: 100%;
}
.ant-pro-table .ant-pro-card .ant-pro-card-body .ant-table-wrapper .ant-spin-nested-loading .ant-spin-container {
  height: 100%;
  display: flex;
  flex-direction: column;
}
.ant-pro-table .ant-pro-card .ant-pro-card-body .ant-table-wrapper .ant-spin-nested-loading .ant-spin-container .ant-table {
  flex-basis: 0;
  height: 100%;
}
.ant-pro-table .ant-pro-card .ant-pro-card-body .ant-table-wrapper .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container {
  height: calc(100% + 1px);
}
.ant-pro-table .ant-pro-card .ant-pro-card-body .ant-table-wrapper .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-body table {
  height: 100%;
}
.ant-pro-table .ant-pro-card .ant-pro-card-body .ant-table-wrapper .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-body table tbody {
  height: 100%;
}
.ant-table-wrapper {
  height: 100%;
}
.ant-table-wrapper .ant-spin-nested-loading {
  height: 100%;
}
.ant-table-wrapper .ant-spin-nested-loading .ant-spin-container {
  height: 100%;
  display: flex;
  flex-direction: column;
}
.ant-table-wrapper .ant-spin-nested-loading .ant-spin-container .ant-table {
  height: 100%;
  flex-basis: 0;
}
.ant-table-wrapper .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container {
  height: 100%;
}