html,
	body,
	#app {
	  /* height: 100%;
			overflow: hidden; */
	  background-color: #f5f7fa;
	}

	* {
	  -webkit-font-smoothing: antialiased;
	  font-family:
	    'Helvetica Neue', Helvetica, 'PingFang SC', 'Hiragino Sans GB',
	    'Microsoft YaHei', '微软雅黑', Arial, sans-serif;
	}

	.preload__wrap {
	  display: flex;
	  flex-direction: column;
	  letter-spacing: 1px;
	  background-color: #fff;
	  position: fixed;
	  left: 0;
	  top: 0;
	  height: 100%;
	  width: 100%;
	  z-index: 9999;
	  transition: all 0.3s ease-in;
	  opacity: 1;
	  pointer-events: none;
	}

	.preload__wrap.is-hide {
	  opacity: 0;
	}

	.preload__container {
	  display: flex;
	  justify-content: center;
	  align-items: center;
	  flex-direction: column;
	  width: 100%;
	  user-select: none;
	  -webkit-user-select: none;
	  flex-grow: 1;
	}

	.preload__name {
	  font-size: 30px;
	  color: #333;
	  letter-spacing: 5px;
	  font-weight: bold;
	  margin-bottom: 30px;
	  min-height: 50px;
	}

	.preload__title {
	  color: #333;
	  font-size: 14px;
	  margin: 30px 0 20px 0;
	  min-height: 20px;
	}

	.preload__sub-title {
	  color: #ababab;
	  font-size: 12px;
	  min-height: 20px;
	}

	.preload__name,
	.preload__title,
	.preload__sub-title {
	  animation: s 0.5s ease-in;
	}

	@keyframes s {
	  from {
	    opacity: 0;
	  }

	  to {
	    opacity: 1;
	  }
	}

	.preload__loading {
	  height: 44px;
	  width: 44px;
	  border-radius: 30px;
	  border: 7px solid currentColor;
	  border-bottom-color: #2f3447;
	  position: relative;
	  animation:
	    r 1s infinite cubic-bezier(0.17, 0.67, 0.83, 0.67),
	    bc 2s infinite ease-in;
	  transform: rotate(0deg);
	  box-sizing: border-box;
	}

	@keyframes r {
	  from {
	    transform: rotate(0deg);
	  }

	  to {
	    transform: rotate(360deg);
	  }
	}

	.preload__loading::after,
	.preload__loading::before {
	  content: '';
	  display: inline-block;
	  position: absolute;
	  bottom: -2px;
	  height: 7px;
	  width: 7px;
	  border-radius: 10px;
	  background-color: currentColor;
	}

	.preload__loading::after {
	  left: -1px;
	}

	.preload__loading::before {
	  right: -1px;
	}

	@keyframes bc {
	  0% {
	    color: #689cc5;
	  }

	  25% {
	    color: #b3b7e2;
	  }

	  50% {
	    color: #93dbe9;
	  }

	  75% {
	    color: #abbd81;
	  }

	  100% {
	    color: #689cc5;
	  }
	}

	.el-loading-mask {
	  /* background-color: #efefef; */
	}

	.el-dialog {
	  --el-dialog-margin-top: 5vh;
	}

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

	.ant-modal-footer {
	  display: flex;
	  flex-direction: row;
	  align-items: center;
	  justify-content: center;
	}

	.dn-row {
	  display: flex;
	  flex-direction: row;
	  align-items: center;
	  width: 100%;
	}

	.dn-col {
	  display: flex;
	  flex-direction: column;
	  width: 100%;
	}

	.dn-col-c {
	  display: flex;
	  flex-direction: column;
	  align-items: center;
	  width: 100%;
	}

	.el-popover.el-popper {
	  padding: 0px;
	}

	.el-form-item__label:empty {
	  display: none;
	}

	.el-radio-group {
	  padding-left: 10px;
	}

	.cl-search__form .cl-form .cl-form-item {
	  margin-bottom: 0px;
	}

	.cl-dialog__header {
	  border-bottom-width: 0px;
	}

	div[aria-orientation="vertical"] {
	  background-color: #fff;
	}

	.bg-background {
	  background-color: #fff;
	}