.activity-202607 {
	background: #aa2821;
	/* padding-top: 20px; */
}

.activity-202607-shell {
	width: min(100%, 1500px);
	margin: 0 auto;
}

.activity-202607-hero {
	width: 100%;
}

.activity-202607-hero img {
	display: block;
	width: 100%;
	height: auto;
}

.activity-202607-body {
	padding: clamp(48px, 6.3vw, 95px) 0 clamp(56px, 6vw, 90px);
}

.activity-202607-section {
	position: relative;
	width: min(71.177%, 1068px);
	margin: 0 auto clamp(24px, 2.8vw, 42px);
}

.activity-202607-section:last-child {
	margin-bottom: 0;
}

.activity-202607-section__frame,
.activity-202607-card img {
	display: block;
	width: 100%;
	height: auto;
}

.activity-202607-card {
	position: absolute;
	display: block;
	width: 27.993%;
	cursor: pointer;
	transition: transform .2s ease, filter .2s ease;
}

.activity-202607-card:hover {
	transform: translateY(-3px);
	filter: brightness(1.04);
}

.activity-202607-card:focus {
	outline: none;
	filter: brightness(1.06);
}

.modal-box-content {
	display: flex;
	flex-direction: column;
	height: 620px;
}

.modal-box-header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex: 0 0 70px;
	padding: 0 15px;
	color: #fff;
	background: linear-gradient(180deg, #191919 0%, #535353 99%);
}

.modal-box-title { font-size: 18px; }

.modal-tabcon {
	display: flex;
	height: 30px;
	overflow: hidden;
	line-height: 30px;
	color: #191919;
	background: #fff;
	border-radius: 5px;
}

.modal-tabcon p { padding: 0 10px; margin: 0; cursor: pointer; text-align: center; }
.modal-tabcon p.active { color: #fff; background: #286efa; }
.closeiconchahao { padding: 10px; cursor: pointer; }
.modal-box-body { flex: 1; }

.modal-box-footer {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex: 0 0 80px;
	margin: 0 15px;
	border-top: 1px solid #efefef;
}

.modal-box-footer__link { color: #286efa; }
.centersubmitbtn { position: absolute; top: 25px; left: 50%; transform: translateX(-50%); }
.canelmodal { color: #999; cursor: pointer; }
.pricebox { display: flex; justify-content: space-between; padding: 20px 15px; }

.priceitem {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	width: calc(33% - 10px);
	height: 120px;
	cursor: pointer;
	font-family: "Microsoft YaHei", sans-serif;
	background: linear-gradient(to bottom, #f8f8f8, #f8f8f8);
	border: 2px solid #efefef;
	border-radius: 5px;
}

.priceitem.active { border-color: #286efa; }
.priceitem-time { margin-bottom: 10px; font-size: 16px; font-weight: 500; }
.priceitem-num { font-size: 28px; color: #f36264; }
.modal-pay-box { padding: 15px; }
.modal-pay-box-tit { font-size: 18px; }
.modal-pay-box-type { display: flex; margin-top: 15px; }
.modal-pay-box-type > div { display: flex; align-items: center; justify-content: center; width: 140px; height: 50px; margin-right: 15px; cursor: pointer; border: 1px solid #efefef; border-radius: 5px; }
.modal-pay-box-type > div p { margin: 0 0 0 6px; }
.modal-pay-box-type > div.active { background: #e9f0fe; border-color: #286efa; }
.modal-pay-box-total { flex: 1; justify-content: flex-end !important; margin-right: 0 !important; border: 0 !important; cursor: default !important; }
.yingfuprice { font-size: 22px; color: #f36264; }
#modal-poup-box { position: relative; height: 616px; font-size: 16px !important; }
.waiclose { position: absolute; top: 8px; right: 15px; color: #191919 !important; }
.login_box { font-size: 16px !important; }

.icon-close:before {
	content: "\00d7";
	font-family: Arial, sans-serif;
	font-size: 24px;
}

.activity-202607-card--col1 {
	left: 5.734%;
}

.activity-202607-card--col2 {
	left: 35.961%;
}

.activity-202607-card--col3 {
	left: 66.188%;
}

.activity-202607-section--1 .activity-202607-card {
	top: 34.305%;
}

.activity-202607-section--2 .activity-202607-card {
	top: 31.502%;
}

.activity-202607-section--3 .activity-202607-card {
	top: 30.495%;
}

.activity-202607-section--4 .activity-202607-card {
	top: 29.711%;
}

@media (max-width: 767px) {
	.activity-202607 {
		padding-top: 10px;
	}

	.activity-202607-body {
		padding-top: 28px;
		padding-bottom: 36px;
	}

	.activity-202607-section {
		width: min(92%, 1068px);
		margin-bottom: 20px;
	}
}
