@font-face {
	font-family: Alimama_ShuHeiTi_Bold;
	src: url("./font/AlimamaShuHeiTi-Bold.ttf");
}
.c-activity-modal {
	display: block;
	z-index: 2147482401;
}

.c-activity-modal::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(0, 0, 0, 0.5); /* 半透明遮罩层 */
}

.c-activity-dialog {
	width: 7.1875rem !important;
	height: 3.8219rem !important;
	max-width: 7.1875rem !important;
	margin: 1.04rem auto;
}

.c-activity-content {
	width: 7.1875rem !important;
	height: 3.8219rem !important;
	border: none;
	background-color: transparent;
	z-index: 2147482402;
}

.c-activity-header {
	width: 7.1875rem !important;
	height: 0.5208rem !important;
	padding: 0;
	border: none;
	justify-content: flex-end;
	align-items: center;
}

.c-activity-header-img {
	width: 0.25rem;
	height: 0.25rem;
	cursor: pointer;
}

.c-activity-body {
	flex: 1;
	/* width:7.1875rem !important; */
	height: 3.4219rem !important;
	background-image: url("/oss/images/img/官网首页活动图片/bg_img.png");
	/* background-size: cover; */
	/* background-attachment:fixed; */
	background-size: 100% 100%;
	background-repeat: no-repeat;
	padding: 0;
	border-radius: 0.0521rem;
	padding: 0.6823rem 0 0 0.3125rem;
	position: relative;
}

.time-out-size {
	font-size: 0.1563rem;
	position: absolute;
	top: 0.0521rem;
	left: 0.0521rem;
	font-weight: 700;
	color: #333;
}

.c-activity-body-title {
	font-size: 0.3438rem;
	font-weight: 400;
	margin-bottom: 0.0729rem;
	background: linear-gradient(
		to right,
		rgba(0, 0, 0, 1),
		rgba(0, 111, 247, 1)
	); /*设置渐变的方向从左到右 颜色从ff0000到ffff00*/
	-webkit-background-clip: text; /*将设置的背景颜色限制在文字中*/
	-webkit-text-fill-color: transparent; /*给文字设置成透明*/
	line-height: 0.4115rem;
	font-family: Alimama_ShuHeiTi_Bold;
	color: rgba(0, 0, 0, 1);
}

.c-activity-body-sub-title {
	font-size: 0.1563rem;
	font-weight: 400;
	color: rgba(63, 111, 170, 1);
	line-height: 0.2262rem;
}

.c-activity-body-span {
	color: rgba(212, 48, 48, 0.76);
}

.c-activity-body-sub-p {
	width: 1.25rem;
	font-size: 0.1042rem;
	font-weight: 400;
	color: rgba(7, 64, 134, 0.7);
	line-height: 0.1508rem;
	border-bottom: 0.0052rem solid rgba(7, 64, 134, 0.7);
}

.c-activity-body-bottom-but {
	font-size: 0.1458rem;
	color: rgba(255, 255, 255, 1);
	font-weight: 400;
	width: 1.3177rem;
	height: 0.3542rem;
	border-radius: 1.1406rem;
	/* background: linear-gradient(173.65deg, rgba(0, 0, 0, 1) 0%, rgba(12, 112, 235, 1) 100%); */
	background: linear-gradient(90deg, #00dbde, #fc00ff, #00dbde);
	padding: 0.0729rem 0.1042rem !important;
	animation: gradient 8s ease infinite, shakeX 8s ease infinite !important;
	background-size: 300%;
	border: none;
}

.c-activity-body-bottom-but:focus {
	background: linear-gradient(90deg, #00dbde, #fc00ff, #00dbde);
	/* background: linear-gradient(173.65deg, rgba(0, 0, 0, 1) 0%, rgba(12, 112, 235, 1) 100%); */
	border: none;
	box-shadow: none !important;
	animation: gradient 8s ease infinite;
	background-size: 300%;
	border: none;
}

.c-activity-body-bottom-but:active {
	background: linear-gradient(90deg, #00dbde, #fc00ff, #00dbde);
	/* background: linear-gradient(173.65deg, rgba(0, 0, 0, 1) 0%, rgba(12, 112, 235, 1) 100%); */
	border: none;
	box-shadow: none !important;
	animation: gradient 8s ease infinite;
	background-size: 300%;
	border: none;
}

.c-activity-body-bottom-img {
	width: 0.2rem;
	height: 0.2rem;
	margin-left: 0.0521rem;
	vertical-align: middle;
}

@keyframes gradient {
	100% {
		background-position: 300%;
	}
}
