.popup_event {
			position: fixed;
			z-index: 9999;
		    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; }
		}