.popup_event {
	position: fixed;
	z-index: 99;
	top: 200px;
	left: 50%;
	transform: translateX(-50%);

	overflow: hidden;
	width: 780px;
	border-radius: 10px;
	background: #fff;
}

.popup_event_inner {
	display: flex;
	justify-content: flex-start;
	align-items: stretch;
	height: 655px;
}
.popup_swiper {
	width: calc(100% - 200px);
}
.popup_swiper .swiper-slide {
	height: 100%;
}
.popup_swiper .swiper-slide img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.popup_thumb {
	width: 200px;
	overflow: hidden;
}

.popup_thumb {
	border-left: 1px solid #ddd;
	background: #fff;
	padding-bottom: 42px;
}

.popup_thumb .swiper-wrapper {
	display: flex;
	flex-direction: column;
}

.popup_thumb .swiper-slide {
	display: flex;
	align-items: center;
	justify-content: center;
	/* width: 100% !important; */
	height: auto !important;
	min-height: 36px;
	padding: 8px 10px;
	border-bottom: 1px solid #ddd;
	font-size: 14px;
	line-height: 1.35;
	text-align: center;
	color: #111;
	cursor: pointer;
	word-break: keep-all;
}

.popup_thumb .swiper-slide-thumb-active {
	background: #f2a28d;
	color: #fff;
	font-weight: 600;
}

.popup_event_bottom {
	display: grid;
	grid-template-columns: 1fr 1fr;
	height: 42px;
	background: #222;
}

.popup_event_bottom button {
	border: 0;
	background: transparent;
	font-size: 14px;
	color: #fff;
	cursor: pointer;
}

.popup_event_bottom button + button {
	border-left: 1px solid rgba(255, 255, 255, 0.35);
}

@media(max-width:768px){
	.popup_event { width: 86%; top: 70px; }
	.popup_event_inner { flex-direction: column; height: inherit; }
	.popup_swiper { width: 100%; height: 75rem; }
	.popup_thumb { padding-bottom: 0; width: 100%; }
	.popup_thumb .swiper-wrapper { flex-direction: row; }
	.popup_thumb .swiper-slide,
	.popup_event_bottom { height: 7rem; }
	.popup_event_bottom button { font-size: 2.4rem; }
}