.contant{
	width: 100%;
	height: calc(100vh);
	background: url('../img/bg.png') no-repeat;
	position: relative;
	overflow: hidden;
	perspective: 3000px; 
	perspective-origin: 50% -90%;
}
.title{
	width: 100%;
	height: 70px;
	background: url('../img/title.png') no-repeat;
	background-size: 100%;
	font-size: 30px;
	font-family: MicrosoftYaHei-Bold, MicrosoftYaHei;
	font-weight: bold;
	color: #FFFFFF;
	text-align: center;
	line-height: 65px;
}
.left{
	width: 42px;
	height: 289px;
	background: url('../img/left_btn.png') no-repeat;
	background-size: 100%;
	position: absolute;
	left: 2%;
	top: 40%;
	cursor: pointer;
	z-index: 99999;
}
.right{
	width: 42px;
	height: 289px;
	background: url('../img/right_btn.png') no-repeat;
	background-size: 100%;
	position: absolute;
	right: 2%;
	top: 40%;
	cursor: pointer;
	z-index: 99999;
}
.img{
	width: 100%;
	margin-left: 5%;
	height: 100%;
	cursor: pointer;
}
.bottom{
	position: absolute;
	bottom: 0px;
	left: 36%;
	overflow: hidden;
	z-index: 2;
}
.item{
	float: left;
	cursor: pointer;
	margin-right: 15px;
}
.item img{
	width: 100%;
}
.item p{
	font-size: 18px;
	font-family: MicrosoftYaHei-Bold, MicrosoftYaHei;
	font-weight: bold;
	color: #E1FFFE;
	text-align: center;
}
.active{
	color: rgba(255, 206, 67, 0.69)!important;
}
.quan{
	position: absolute;
	width: 80%;
	height: 253px;
	bottom: 50px;
	left: 10%;
	background: url('../img/quan.png') no-repeat;
	background-size: 100%;
}
.con{
	margin-top: 25px;
}
.el-carousel__item--card {
	width: 70% !important;
}
.el-carousel__item {
	width: 70% !important;
}
.el-carousel__item--card.is-active {
	z-index: 2;
	position: absolute;
	left: 50%;
	transform: translate(-50%, 0px) !important;
  }