/* 鐤戦棶鑱旂郴   764250069 */


/* 鍚戞鍏冪礌搴旂敤鍔ㄧ敾鏁堟灉 */
.妯℃澘div {
	width: 100px;
	height: 100px;
	background-color: red;
	animation-name: example;
	animation-duration: 4s;
	animation-fill-mode: forwards;/*鍏抽敭甯orwards淇濇寔鏈€鍚庣殑妯℃牱*/
	/*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 sonmove{
	0%{
		margin-right: 0;
	}
	50%{
		margin-right: 20px;
	}
	0%{
		margin-right: 0;
	}
}
@keyframes sonmovetop{
	0%{
		margin-top: 0;
	}
	50%{
		margin-top: -10px;
	}
	0%{
		margin-top: 0;
	}
}
/*鑳屾櫙鏃嬭浆*/
@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;
}
.bd1s9{
	border: 1px solid #999;
}

/* 閫忔槑0 */
.op0{
	opacity: 0;
}