/**
 * 定义全局色系
 * 使用方式如：
  <style lang="less" scoped>
    .home {
      background-color: @color-blue;
    }
  </style>
 */
/**
 *  UI-第一版UI全局样式
 */
/**
 * 公共样式混入
 * 命名使用下划线拼接(中划线会导致异常)
 *
 * 使用方式如：
  <style lang="less" scoped>
    .home {
      background-color: @color-blue;
      .mixin_border_2px();
    }
  </style>
 */
.mixin_border_2px {
  border: 2px solid transparent;
}
/**
 *  强制不换行，超出部分显示省略号
 */
.mixin_ellipsis {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.mixin_ellipsis_one {
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
/**
 *  多行情况下第3行超出文字省略
 */
/**
 *  UI-第一版UI全局mixin
 */
.mixin_radius_ge_250px {
  border-radius: 4px;
}
.mixin_radius_lt_250px {
  border-radius: 2px;
}
.mixin_shadow_whitebg {
  -webkit-box-shadow: 0 10px 20px 5px #14203B14 14;
          box-shadow: 0 10px 20px 5px #14203B14 14;
  cursor: pointer;
}
.mixin_shadow_whitebg_ii {
  -webkit-box-shadow: -10px 10px 20px 5px #14203B14 14, 10px 10px 20px 5px #14203B14 14;
          box-shadow: -10px 10px 20px 5px #14203B14 14, 10px 10px 20px 5px #14203B14 14;
  cursor: pointer;
}
.mixin_shadow_bluebg {
  -webkit-box-shadow: 0 10px 20px 5px #14203B0A 0A;
          box-shadow: 0 10px 20px 5px #14203B0A 0A;
}
.mixin_shadow {
  -webkit-box-shadow: 0px 10px 20px 5px #14203B14 14;
          box-shadow: 0px 10px 20px 5px #14203B14 14;
}
.mixin_hover_shadow {
  cursor: pointer;
  -webkit-box-shadow: 0px 10px 20px 5px #14203B14 14;
          box-shadow: 0px 10px 20px 5px #14203B14 14;
}
.mixin_button {
  display: inline-block;
  height: 32px;
  line-height: 0px;
  font-size: 14px;
  border: none;
  border-radius: 2px;
}
.mixin_button_i {
  display: inline-block;
  height: 32px;
  line-height: 0px;
  font-size: 14px;
  background-color: #2E78FF;
  color: #FFFFFF;
  border: none;
  border-radius: 2px;
}
.mixin_button_ii {
  background-color: #E0EBFF;
  color: #4371E5;
}
.mixin_button_iii {
  background-color: #F3F3F3;
  color: #b8bcc4;
}
.mixin_button_iiii {
  display: inline-block;
  height: 32px;
  line-height: 0px;
  font-size: 14px;
  background-color: #FFFFFF;
  color: #C0C4CC;
  border: none;
  border-radius: 2px;
}
.mixin_button_v {
  display: inline-block;
  height: 32px;
  line-height: 0px;
  font-size: 14px;
  background-color: #FFFFFF;
  color: #2E78FF;
  border: solid 1px #2E78FF;
  border-radius: 2px;
}
.mixin_button_whi {
  display: inline-block;
  height: 32px;
  line-height: 0px;
  font-size: 14px;
  background-color: rgba(20, 32, 59, 0.1);
  color: #2E78FF;
  border: none;
  border-radius: 2px;
}
.mixin_button_circle_i {
  background-color: #2E78FF;
  color: #FFFFFF;
  border: none;
}
.mixin_button_circle_ii {
  background-color: #E0EBFF;
  color: #2E78FF;
  border: none;
}
.mixin_button_circle_iii {
  background-color: #F3F3F3;
  color: #586073;
  border: none;
}
.mixin_dialog_main_tip {
  font-size: 16px;
  color: #14203B;
  font-weight: bold;
}
.mixin_detail_info_label {
  font-size: 1em;
  color: #586073;
  text-align: left;
}
.mixin_detail_info_value {
  font-size: 1em;
  color: #303133;
  text-align: left;
}
.mixin_card_info_label {
  font-size: 0.75em;
  color: #586073;
  text-align: left;
}
.mixin_card_info_value {
  font-size: 0.75em;
  color: #303133;
  text-align: left;
}
.mixin_border_line_i {
  color: #EBECEE;
  border-width: 1px;
}
.mixin_dialog_title {
  font-size: 16px;
  color: #14203B;
  font-weight: bold;
}
.mixin_black_icon {
  font-size: 20px;
  color: #000000;
  font-weight: bold;
}
.mixin_border_linear {
  border-bottom: 1px solid transparent;
  -o-border-image: linear-gradient(90deg, #0A101D 0%, #005EB9 25%, #1FC1ED 50%, #00408F 75%, #0A101D 100%) 5 5;
     border-image: -webkit-gradient(linear, left top, right top, from(#0A101D), color-stop(25%, #005EB9), color-stop(50%, #1FC1ED), color-stop(75%, #00408F), to(#0A101D)) 5 5;
     border-image: linear-gradient(90deg, #0A101D 0%, #005EB9 25%, #1FC1ED 50%, #00408F 75%, #0A101D 100%) 5 5;
}
/* 默认样式：>1920px 的大屏幕 */
/deep/ .el-table td,
.el-table th {
  height: 50px;
  line-height: 50px;
  padding: 10px 0;
}
/* 中等屏幕：1441px–1920px */
@media (max-width: 1920px) and (min-width: 1441px) {
/deep/ .el-table td,
  .el-table th {
    height: 40px;
    line-height: 40px;
    padding: 5px 0;
}
}
/* 小屏幕：≤1440px */
@media (max-width: 1440px) {
/deep/ .el-table td,
  .el-table th {
    height: 35px;
    line-height: 35px;
    padding: 3px 0;
}
}
* {
  touch-action: none;
  -ms-touch-action: none;
}
.seperator-tab-box {
  background: #fff;
}