.popupzone {position: fixed; left: 0; top: 0; bottom: 0; right: 0; width: 100%; height: 100vh; z-index: 999999; background-color: rgba(0, 0, 0, 0.8);}
.popup-inner {display: flex; justify-content: center; align-items: center; flex-flow: column wrap; max-width: 1400px; height: 100vh; margin: 0 auto;}
.popup-tit { font-weight: 600; font-size: 3rem; color: #fff; text-align: center1723;}
.popup-tit em {position: relative; font-size: 3.2rem;}
.popup-tit em::after {content: ""; position: absolute; left: 0; bottom: 5px; z-index: -1; width: 100%; height: 8px; background-color: var(--main); opacity: .5;}
.popup-list {position: relative; width: 100%; margin: 30px 0;}
.popup-list .swiper-btn {position: absolute; top: 50%; left: -20px; z-index: 1; display: flex; justify-content: space-between; width: calc(100% + 40px); transform: translateY(-50%);}
.popup-list .swiper-btn a {display: flex; justify-content: center; align-items: center; width: 40px; height: 40px; border: 1px solid #ddd; background-color: #fff; border-radius: 100%;}
.popup-list .swiper-btn a i::before {font-weight: 600 !important; color: var(--main);}
.popup-list .swiper-slide .img-wrap {position: relative; height: 0; padding-bottom: 125%; border-radius: 10px; }
.popup-list .swiper-slide .img-wrap img {position: absolute; left: 0; top: 50%; width: 100%; height: 100%; transform: translateY(-50%);}
.popupzone .popup-btn a.play {display: none;}
.popupzone .popup-btn {display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; color: #fff;}
.popupzone .popup-btn > * {padding: 12px 15px; font-size: 1.8rem; border-radius: 8px; transition: all .3s;}
.popupzone .popup-btn .swiper-pagination {border: 1px solid #fff; background-color: rgba(0, 0, 0, 0.6); backdrop-filter: blur(5px);}
.popupzone .popup-btn > *:not(.close-btn) {border: 1px solid #fff; background-color: rgba(0, 0, 0, 0.6); backdrop-filter: blur(5px);}
.popupzone .popup-btn .close-btn:hover {background-color: #fff; color: var(--main);}
.popupzone .popup-btn .swiper-pagination {position: static; width: fit-content;}

@media only screen and (max-width: 1480px) {
	.popup-inner {max-width: unset; padding: 0 40px;}
}
@media only screen and (max-width: 767px) {
}