*{
	padding: 0;
	margin: 0;
	text-decoration: none;
	box-sizing: border-box;
	position: relative;
}
/* 全局变量 */
:root {
	font-family: zi;
	font-weight: 500;
	color: #333333;
	--color: #00CEB6;
	--color-hong: #FF3838;
}

body {
	overflow-x: hidden;
	background-color: #F6F9FE;
}
@font-face {
	font-family: 'zi';
	src: url('./zi.woff');
	size-adjust: 100%;
}


a {
	color: #333333;
}

/* 常用字体颜色 */
.color {
  color: var(--color) !important;
}

.color1 {
  color: var(--color1) !important;
}

.color-red {
  color: var(--color-hong) !important;
}

.color-orange {
  color: var(--color-cheng) !important;
}

.color-yellow {
  color: var(--color-huang) !important;
}

.color-green {
  color: var(--color-lv) !important;
}

.color-blue {
  color: var(--color-lan) !important;
}

.color-black {
  color: #000 !important;
}

.color-white {
  color: #fff !important;
}

.color-gray {
  color: #999 !important;
}

/* 背景颜色 */
.bg-color {
  background: var(--color) !important;
}

.bg-color1 {
  background: var(--color1) !important;
}

.bg-red {
  background: var(--color-hong) !important;
}

.bg-orange {
  background: var(--color-orange) !important;
}

.bg-yellow {
  background: var(--color-huang) !important;
}

.bg-green {
  background: var(--color-lv) !important;
}

.bg-blue {
  background: var(--color-lan) !important;
}

.bg-black {
  background: #333 !important;
}

.bg-white {
  background: #fff !important;
}

.bg-gray {
  background: #aaa !important;
}

.bg-eee {
  background: #eee !important;
}
.flex-center {
	display: flex;
	align-items: center;
	justify-content: center
}
.bg {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 0;
}
.bgc {
	background-color: var(--bg-color);
}
.el-input-group__prepend {
	min-width: 100px;
	padding: 0 !important;
}
.el-input-group__append .el-button, .el-input-group__append .el-select, .el-input-group__prepend .el-button, .el-input-group__prepend .el-select {
	margin: -10px 0 !important;
}
.el-carousel__mask {
	background-color: transparent;
}
.el-carousel__item {
	filter: blur(1px) brightness(0.9);
	z-index: 1;
}

.el-carousel__item.is-active {
	filter: blur(0px) brightness(1);
	z-index: 2;
}

.el-pagination.is-background .btn-next, .el-pagination.is-background .btn-prev, .el-pagination.is-background .el-pager li {
	color: #eee;
	background-color: #ffffff;
}
.el-pagination.is-background .el-pager li:not(.disabled).active {
	background-color: var(--color);
}
.el-pagination.is-background .el-pager li:not(.disabled):hover {
	color: var(--color);
}
