 /* 全局样式 */
 * {
 	margin: 0;
 	padding: 0;
 	box-sizing: border-box;
 	font-family: 'Arial', sans-serif;
 }

 body {
 	color: #333;
 	line-height: 1.6;
 }

 .container {
 	width: 100%;
 	max-width: 1200px;
 	margin: 0 auto;
 	padding: 0 20px;
 }

 .flex-row {
 	display: flex;
 	align-items: center;
 }

 .flex-end {
 	justify-content: end;
 }

 .flex-center {
 	justify-content: center;
 }

 .flex-between {
 	justify-content: space-between;
 }
/* img:hover{
	 transform: scale(1.05);
 } */
 .animate-no-dis{
	 opacity: 0;
 }
 .animated{
	 opacity: 1 !important;
 }
 .animate-left{
 	
	/* animation-fill-mode: forwards;
 	animation-delay: 0.5s;
 	animation: fadeInLeft 1s 0.5s; */
	animation: fadeInLeft 1s  ease-in-out;
 }
 .animate-right{
 	
 	/* animation-fill-mode: forwards;
 	animation-delay: 0.5s;
 	animation: fadeInLeft 1s 0.5s; */
 	animation: fadeInRight 1s  ease-in-out;
 }
 .animate-bottom{
 	
 	/* animation-fill-mode: forwards;
 	animation-delay: 0.5s;
 	animation: fadeInLeft 1s 0.5s; */
 	animation: fadeInBottom 1.3s  ease-in-out;
 }
 @keyframes fadeIn{
	 from { opacity: 0; }
	     to { opacity: 1; }

 }
 @keyframes  sloshing {
 	0% {
 	    transform: translateY(0);
 	}
 	100% {
 	    transform: translateY(-15px);
 	}
 }
 @keyframes  heartbeat {
 	0% {
 	    transform: scale(1);
 	}
	100% {
		transform: scale(1.05);
	    
	}
 }
 @keyframes fadeInLeft{
 	from {
 	    opacity: 0;
 	    -webkit-transform: translateX(-30px);
 	    -ms-transform: translateX(-30px);
 	    transform: translateX(-30px);
 	}
 	to {
 	    opacity: 1;
 	    -webkit-transform: translateX(0);
 	    -ms-transform: translateX(0);
 	    transform: translateX(0);
 	}
 }
 @keyframes fadeInRight{
	 0% {
	     opacity: 0;
	     -webkit-transform: translateX(30px);
	     -ms-transform: translateX(30px);
	     transform: translateX(30px);
	 }
	 100% {
	     opacity: 1;
	     -webkit-transform: translateX(0);
	     -ms-transform: translateX(0);
	     transform: translateX(0);
	 }
 }
 @keyframes fadeInBottom{
 	 0% {
 	     opacity: 0;
 	     -webkit-transform: translateY(30px);
 	     -ms-transform: translateY(30px);
 	     transform: translateY(30px);
 	 }
 	 100% {
 	     opacity: 1;
 	     -webkit-transform: translateY(0);
 	     -ms-transform: translateY(0);
 	     transform: translateY(0);
 	 }
 }