@import url('layui.css');
@import url('swiper-bundle.min.css');
@import url('animate.min.css');
@import url('base.css');
@import url('font.css');
@import url('flex.css');
@import url('gap.css');

/* box布局 */
.fit-rel {
	position: relative;
}

.fit-abs1 {
	position: absolute;
	top: 0;
	left: 0;
}

.fit-abs2 {
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
}

.fit-abs3 {
	position: absolute;
	top: 0;
	right: 0;
}

.fit-abs4 {
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
}

.fit-abs5 {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.fit-abs6 {
	position: absolute;
	top: 50%;
	right: 0;
	transform: translateY(-50%);
}

.fit-abs7 {
	position: absolute;
	left: 0;
	bottom: 0;
}

.fit-abs8 {
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
}

.fit-abs9 {
	position: absolute;
	right: 0;
	bottom: 0;
}

.fit-out {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}

.fit-row {
	position: absolute;
	left: 0;
	right: 0;
}

.fit-col {
	position: absolute;
	top: 0;
	bottom: 0;
}

.fit-fixed {
	position: fixed;
	z-index: 9;
}

.wh-half{
	width: 50%;
	height: 50%;
}

.wh-all {
	width: 100%;
	height: 100%;
}

.w-all {
	width: 100%;
}

.h-all {
	height: 100%;
}

.wh-v {
    width: 100vw;
    height: 100vh;
}

.h-vh {
    height: 100vh;
}

.w-vw {
    width: 100vw;
}

.h-vh50 {
    height: 50vh;
}

.wh-max {
	width: max-content;
	height: max-content;
}

.w-max {
	width: max-content;
}

.h-max {
	height: max-content;
}

.scroll-h {
    overflow: hidden;
}

.scroll-y {
	overflow-y: scroll;
	overflow-x: hidden;
}

.scroll-x {
	overflow-y: hidden;
	overflow-x: scroll;
}

.hide {
    display: none;
}

.auto {
	margin-left: auto;
	margin-right: auto;
}

.box-in {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}

@media only screen and (max-width: 750px) {
	.box-in {
		width: 100% !important;
		padding: 0 3rem;
		margin: auto;
	}

	.fit-pc {
		display: none !important;
	}
	
	.wrap-h5 {
	    flex-wrap: wrap;
	}
}

@media only screen and (min-width: 751px) {
	.fit-h5 {
		display: none !important;
	}
}