/* .popup {position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); max-width: 400px; width: 100%; height: auto; z-index: 9999;}
.popup .img-box {width: 100%; height: auto;}
.popup .item_popup {display: inline-block;}
.popup .img-box img {width: 100%; height: auto;}
.popup .popup-btn {position: absolute;bottom: 0;left: 0;display: flex;align-items: center;justify-content: space-between;width: 100%;height: 48px;padding: 0 16px;box-sizing: border-box;background: rgba(0, 0, 0, 0.8);}
.popup .popup-btn button {font-size: 17px; font-weight: 500; line-height: 1; color: var(--wt); cursor: pointer;}
.popup .popup-btn .today_off {}
.popup .popup-btn .close {text-decoration: underline;}

.dim {position: fixed;top: 0;left: 0;width: 100%;height: 100vh;background: rgba(0, 0, 0, 0.3);z-index: 8888;} */

.main_popup {position:fixed; z-index: 9999;background:var(--wt);width: 400px;border:1px solid #000}
.main_popup .btn-box {margin-top: 30px;text-align: center;}
.main_popup .btn-box .list-btn {display: inline-block;padding: 10px 24px;box-sizing: border-box;background: var(--black); border-radius: 64px;font-size: 14px;font-weight: bold;line-height: 1;color: var(--wt);}
.popup_bottom {
	/*background:rgba(0,0,0,0.9); 
	color:#ccc; */
	color: #7a7a7a;
	padding:0px 15px 2px;  
	line-height: 30px;
	overflow: hidden;

	position: absolute;
	bottom: 0;
	width: 100%;
}
.popup_bottom a {display: inline-block; font-size:14px;}
.popup_bottom a.white {color:var(--wt)}
.popup_bottom a.black {color:var(--black)}
.popup_bottom .pull-right {
	float:right;
	padding-right: 30px;
}

.m_popup {display: none;position:fixed;z-index: 99; left:calc(50% - 400px/2); max-height:95vh; top:80px; margin:0 auto; width:400px;border:1px solid #000; background:var(--wt);z-index: 9999;}
.m_popup .m_pop_slide {position:relative; overflow: hidden;}
.m_popup .m_pop_slide img {width:100%;}

.m_popup  .arrow {position:absolute; z-index: 100; top:45%; width:30px; height:40px; line-height:40px; display:block; background:rgba(0,0,0,0.2); color:#fff; text-align: center;cursor: pointer;}
.m_popup  .swiper-next.arrow {right:0; left:auto;}
.m_popup  .swiper-prev.arrow {left:0;}

.m_popup  .arrow .slick-arrow {
	width: 60px;
	height: 68px;
	background-color: #fff;
	/* border: 1px solid #eee; */
    font-size: 0px;
}

.m_popup  .arrow .slick-arrow::after {
	content: '';
	display: block;
	position: absolute;
	left: 50%;
	top: 50%;
	z-index: 1;
	border: 1px solid #fff;
	border-width: 0 2px 2px 0;
	margin-left: -2px;
	padding: 10px;
}

.m_popup  .arrow .slick-prev::after {
	left: 60%;
	-webkit-transform: translate(-50%, -50%) rotate(135deg);
	transform: translate(-50%, -50%) rotate(135deg);
}

.m_popup  .arrow .slick-next::after {
	-webkit-transform: translate(-50%, -50%) rotate(-45deg);
	transform: translate(-50%, -50%) rotate(-45deg);
}

#close{position: absolute;top: 10px;float: right;right: 0;z-index: 100;width:50px;height: 50px;}
.close {width:50px;height: 50px;}
.close:before, .close:after {position: absolute;left: 15px;content:' ';height: 40px;width: 2px;background-color: #000;}
.close:before {transform: rotate(45deg);}
.close:after {transform: rotate(-45deg);}

@media screen and (max-width:760px) {
	.main_popup{display: none;}
    .m_popup {width:80%; left:10%; display: block;}
}