*{
	padding: 0;
	margin: 0;
	text-decoration: none;
	box-sizing: border-box;
	position: relative;
}
/* 全局变量 */
:root {
	font-family: zi;
	font-weight: 500;
	color: #ffffff;
	--color: #7683FF;
	--color-hong: #FF3838;
}

body {
	overflow-x: hidden;
}
@font-face {
	font-family: 'zi';
	src: url('./zi.woff');
	size-adjust: 100%;
}


a {
	color: #ffffff;
}
/* 常用字体颜色 */
.color {
	color: var(--color);
}
.color-red {
	color: var(--color-hong) !important;
}
.color-green {
	color: var(--color-lv) !important;
}
.color-yellow {
	color: var(--color-huan) !important;
}
.color-gray {
	color: #999 !important;
}
.color-blue {
	color: #3F91FF !important;
}
.color-orange {
	color: var(--color-cheng) !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: #313341;
}
.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);
}