/* * {
	/* 页面初始化 清除元素的内外边距 */
	/* padding: 0;
	margin: 0;
} */ 
/* body {
	/* 弹性布局 让元素在页面中垂直+水平居中 */
	/* display: flex;
	justify-content: center;
	align-items: center;
	/* 让页面占浏览器可视区域的高度 */
	/* height: 100vh;
	background-color: #DFEBE4;
} */ 
#loading{
    background-color: #DFEBE4;
		height: 100%;
		width: 100%;
		position: fixed;
		z-index: 1;
		margin-top: 0px;
		top: 0px;
        display: flex;
	justify-content: center;
	align-items: center;
	}
	#loading-center{
		width: 100%;
		height: 100%;
		position: relative;
		}
	#loading-center-absolute {
		position: absolute;
		left: 50%;
		top: 50%;
		height: 100px;
		width: 100px;
		margin-top: -50px;
		margin-left: -50px;	
	}
.loading-container .ghost img {
	/* 相对定位 */
	position: relative;
	width: 245px;
	height: 245px; 

	/* 圆角属性 左上角和右上角为圆角 */
	/* border-radius: 75px 75px 0 0; */
	/* background-image: url("./项目队徽.png"); */
	/* background-color: #fff; */
	/* 盒子阴影 inset是内阴影 啥都不加就是默认的外阴影(outset) */
	/* box-shadow: -17px 0 0 #dbdbdb inset, 0 0 50px #5939db; */
	animation: ghost 2s infinite;
}

/* 阴影 start */
.loading-container .shadow {
	width: 130px;
	height: 40px;
	margin-top: -2px;
	margin-left: 50px;
	border-radius: 50%;
	background-color: #7f8082;
	/* 动画  名称 时长 infinite是无限次播放 */
	animation: shadow 2s infinite;
}
/* 阴影 end */
/* loading 字样 start */
/* .container .shadow::after {
	content: "Loading...";
	position: absolute;
	top: 100px;
	width: 100%;
	text-align: center;
	font-size: 25px;
	color:#729171;
	animation: loading 2.7s linear infinite;
} */
/* loading 字样 end*/
.wavy{
    /* 相对定位 */
    position: relative;
    /* 倒影效果 */
    -webkit-box-reflect: below -12px linear-gradient(transparent,rgba(0,0,0,0.2));
}
.wavy span{
    position: relative;
	margin-top: 50px;
    display: inline-block;
    color:#729171;
    font-size: 30px;
    text-transform: uppercase;
    letter-spacing: 8px;
    /* 执行动画：动画名 时长 加速后减速 无限次播放 */
    animation: wavyAnimate 2s ease-in-out infinite;
    /* 通过var函数调用自定义属性--i，在计算出动画延迟时间 */
    animation-delay: calc(0.1s * var(--i));
}

/* 定义动画 */
@keyframes wavyAnimate {
    0%{
        transform: translateY(0);
    }
    20%{
        transform: translateY(-20px);
    }
    40%,100%{
        transform: translateY(0);
    }
}
/* 然后制作漂浮的动画 */
@keyframes ghost {
	0%,
	100% {
		transform: translateY(0);
	}
	50% {
		/* 2D位移 -15px 是向上走 */
		transform: translateY(-15px);
	}
}
@keyframes shadow {
	0%,
	100% {
		transform: scale(1);
	}
	50% {
		/* 缩放 .9比1小一点点 */
		transform: scale(0.9);
	}
}
/* @keyframes loading {
	0%,
	100% {
		opacity: 1;
	}
	50% {
		opacity: 0;
	}
} */