@keyframes slideUpAndFade {
	0% {
		opacity: 0;
		transform: translate(-50%, -20%); /* 从屏幕底部外开始 */
	}
	10%, 90% {
		opacity: 1; /* 完全不透明 */
		transform: translate(-50%, 20%); /* 移动到初始位置 */
	}
	100% {
		opacity: 0;
		transform: translate(-50%, -100%); /* 移动到屏幕顶部外 */
	}
}
.announcement{

	text-align:center;
	width:90%;
	position: fixed;
	top: 20px;
	left: 50%;
	transform: translateX(-50%);
	background-color: #000000;
	color: #FFFFFF;
	padding: 10px 20px;
	border-radius: 16px;
	box-shadow: 0 2px 5px rgba(0,0,0,0.4);
	opacity: 0;
	animation: slideUpAndFade 3s infinite;
}

.pay{
	width: 90%;
	position: fixed;
	left: 5%;
	bottom: 0.4rem;
}
.pay .button{
	position: relative;
	width: 100%;
	background-color: #ff0000;
	font-size: 16px;
	color: #fff;
	text-align: center;
	padding: 10px 0px;
	border-radius: 0.5rem;

}