.popup-wrap{position:absolute; top:120px; left: 0; grid-gap:6px; display:flex; flex-wrap:wrap; align-content:flex-start; padding:10px; }
.popup_common{width: 400px; display:none; z-index:4;}
.popup_common > a{display:block;}
.popup_common img{width:100%;}
.popup_close{height:30px;line-height:30px;display: flex;justify-content:space-between;padding: 0 10px;background-color: #333;}
.popup_close > a{color:#fff; font-size:13px;}
.popup_close > a:hover{color:#ddd}
.cursor-default{cursor: default !important;}

.swiper-pagination-bullet {width: 20px;height: 20px;text-align: center;line-height: 20px;font-size: 12px;color: #000;opacity: 1;background: rgba(0, 0, 0, 0.2);}
.swiper-pagination-bullet-active {color: #fff;background: #007aff;}


.swiper-pagination-fraction{background-color: rgba(0, 0, 0, .6);border-radius: 50px 0 0 50px;bottom: 10px;color: rgba(255,255,255,.5);right: 0;left: auto;padding: 4px 10px 4px 0;width: 100px;z-index: 1;}
.swiper-pagination-fraction .swiper-pagination-current{color: #fff; font-size: 20px; margin-right: 1px;}

.swiper-button-next{position: absolute; bottom: 7px; right: 3px; top: auto;}
.swiper-button-next:after{color: #fff; font-size: 1rem;}

	@media (max-width:768px){
		.popup-wrap{/*width:100%; height:100%;*/ top:0; position:relative; padding:0;}
		.popup_common{width:95%; position:absolute; left:50%; transform:translateX(-50%); top:90px;}
		.popup_common img{width:100% !important;}
		
	}