/* 疑问联系   764250069 */


/* 向此元素应用动画效果 */
.模板div {
	width: 100px;
	height: 100px;
	background-color: red;
	animation-name: example;
	animation-duration: 4s;
	animation-fill-mode: forwards;/*关键帧forwards保持最后的模样*/
	/*animation: 4s bgrotate infinite linear;*/
	
	
	/* 常规 */
	animation-name: fadeIn2Up;  /* 动画名 */
	animation-delay: 0.0s; /* 多久之后开始动画 */
	animation-duration: 0.6s;   /* 持续时间 */
	animation-iteration-count: 1;   /* 设置执行多少遍 */
	
	
	
	/* animation-play-state: paused;    停止动画*/
}
/*鼠标变手*/
.pointer{
	cursor: pointer;
}
/*鼠标箭头*/
.default{
	cursor: default;
}
.btnzdy{
	position: relative;
}
.btnzdy *{
	position: relative;
	z-index: 2;
}
.btnzdy::before{
	content:"";
	color: #fff;
	z-index: 1;
	background-color: var(--color1);
	transition: all .6s;
	width: 0%;
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
}
.btnzdy:hover::before{
	width: 100%;
	
}
.disnone{
	display: none;
}
.disblock{
	display: block;
}
@keyframes example {
	from {background-color: red;}
	to {background-color: yellow;}
}
@keyframes example1 {
	0% {background-color: red;}
	100% {background-color: yellow;}
}
@keyframes example2 {
	0% {background-color: red;}
	50%{background-color: red;}
	100% {background-color: yellow;}
}
/*文字展开*/
@keyframes fontheight{
	from{
		height: 0;
		color: #000;
	}
	to{
		height: 1em;
		color: rgba(197,197,197,1);
	}
}
/*背景旋转*/
@keyframes bgrotate{
	0%{
		background: linear-gradient(0deg ,#da0000,#32070a)
	}
	50%{
		background: linear-gradient(180deg ,#da0000,#32070a)
	}
	100%{
		background: linear-gradient(360deg ,#da0000,#32070a)
	}
}
/* dom滚动 */
@keyframes roll{
	from{
		transform: rotate(-180deg);
		margin-left: -200px;
		opacity: 0;
	}
	to{
		transform: rotate(0deg);
		margin-left: 0px;
		opacity: 1;
	}
}
/*图面透明度变换*//*淡入淡出*/
@keyframes transparentImg {
    0% {
        opacity: 0;
    }
    25% {
        opacity: 1;
    }
    87% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}
/*过渡0.6秒*/
.ts06{
	transition: all .6s;
}
/*图片对其*/
.imgdiv{
	position: relative; 
	width: 100%; 
	height: 0px; 
	padding-bottom: 60%; 
	overflow: hidden; 
	margin: auto;
	background-color: #00000080;
}
.imgdiv img{
	position: absolute; 
	top: 0%; 
	left: 0%; 
	transform: translate(0%, 0%); 
	width: 100%; 
	transition: all .5s ease; 
}
/* *{
	font-family: arial !important;
	word-break: break-word;
} */
/*flex集合*/
.flex{
	display: flex;
}
.column{
	display: flex;
	flex-direction: column;
}
.fc{
	justify-content: center;
}
.sp-a{
	justify-content: space-around;
}
.sp-b{
	justify-content: space-between;
}
.sp-e{
	justify-content: space-evenly !important;
}
.ju-end{
	justify-content: flex-end;
}
.ac{
	align-items: center;
}
/* 边框 */
.bd1sc{
	border: 1px solid #ccc;
}
.bd1sf{
	border: 1px solid #fff;
}
.bd1s0{
	border: 1px solid #000;
}

/* 透明0 */
.op0{
	opacity: 0;
}