/* 网页灰色 */
/* html {
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
  -webkit-filter: gray;
  filter: gray;
  -webkit-filter: progid:dximagetransform.microsoft.basicimage(grayscale=1);
  filter: progid:dximagetransform.microsoft.basicimage(grayscale=1)
} */

:root {
  /* 全局主题颜色 */
  /* var()包裹css变量 */
  --main-color: rgb(64, 158, 255);
  --main-light: rgba(64, 158, 255, 0.6);

  --ass-color: #e6f6ff;

  --info-color: rgb(144, 147, 153);
  --info-light: rgba(144, 147, 153, 0.2);
  --info-NoLight: rgba(144, 147, 153, 0.5);

  --success-color: rgb(103, 194, 58);
  --success-light: rgba(103, 194, 58, 0.6);

  --warning-color: rgb(255, 120, 0);
  --warning-light: rgba(255, 120, 0, 0.6);

  --danger-color: rgb(245, 108, 108);
  --danger-light: rgba(245, 108, 108, 0.6);
}

main,
.mian {
  /* 提高渲染性能*/
  content-visibility: auto;
  contain-intrinsic-size: 1px 5000px;
}

.layui-layer-loading .layui-layer-loading1 {
  /* width: 100% !important; */
  /* height: 100px; */
  padding-top: 30px;
  font-size: 20px;
  text-align: center;
  line-height: 60px;
  color: var(--info-color);
}

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

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

.display-none {
  display: none;
}

.position-relative {
  position: relative !important;
}

.display-inline-block,
.inline-block {
  display: inline-block !important;
}

.block {
  display: block;
}

/* ellipsis:当对象内文本溢出时显示省略标记(...)。 */
.ellipsis {
  text-overflow: ellipsis;
  word-break: break-all;
  white-space: nowrap;
  overflow: hidden;
}

/* 清除浮动 */
.clear {
  clear: both;
  width: 0;
  height: 0;
  line-height: 0;
  font-size: 0;
  overflow: hidden;
}