.pop.data-v-6b4354f4 {
	visibility: hidden
}
.pop--show.data-v-6b4354f4 {
	visibility: visible
}
.pop__mask.data-v-6b4354f4 {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 999;
	background: rgba(0, 0, 0, .5);
	display: none
}
.pop__mask--hide.data-v-6b4354f4 {
	background: 0 0;
}
.pop__container.data-v-6b4354f4 {
	position: fixed;
	left: 50%;
	top: 50%;
	-webkit-transform: translate3d(-50%, -50%, 0);
	transform: translate3d(-50%, -50%, 0);
	-webkit-transform-origin: center;
	transform-origin: center;
	transition: all .3s ease;
	z-index: 999;
	opacity: 0
}
.pop--show .pop__container.data-v-6b4354f4 {
	opacity: 1
}
.pop--show .pop__mask.data-v-6b4354f4 {
	display: block
}
.pop--left .pop__container.data-v-6b4354f4 {
	left: 0;
	top: 50%;
	-webkit-transform: translate3d(-100%, -50%, 0);
	transform: translate3d(-100%, -50%, 0)
}
.pop--show.pop--left .pop__container.data-v-6b4354f4 {
	-webkit-transform: translate3d(0, -50%, 0);
	transform: translate3d(0, -50%, 0)
}
.pop--right .pop__container.data-v-6b4354f4 {
	right: 0;
	top: 50%;
	left: auto;
	-webkit-transform: translate3d(100%, -50%, 0);
	transform: translate3d(100%, -50%, 0)
}
.pop--show.pop--right .pop__container.data-v-6b4354f4 {
	-webkit-transform: translate3d(0, -50%, 0);
	transform: translate3d(0, -50%, 0)
}
.pop--bottom .pop__container.data-v-6b4354f4 {
	top: auto;
	left: 50%;
	bottom: 0;
	-webkit-transform: translate3d(-50%, 100%, 0);
	transform: translate3d(-50%, 100%, 0)
}
.pop--show.pop--bottom .pop__container.data-v-6b4354f4 {
	-webkit-transform: translate3d(-50%, 0, 0);
	transform: translate3d(-50%, 0, 0)
}
.pop--top .pop__container.data-v-6b4354f4 {
	top: 0;
	left: 50%;
	-webkit-transform: translate3d(-50%, -100%, 0);
	transform: translate3d(-50%, -100%, 0)
}
.pop--show.pop--top .pop__container.data-v-6b4354f4 {
	-webkit-transform: translate3d(-50%, 0, 0);
	transform: translate3d(-50%, 0, 0)
}