@import url('../layui/css/layui.css');
@import url('./init.css');
@import url('./font.css');
@import url('./flex.css');
@import url('./unit.css');
@import url('./gap.css');

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

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

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

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

.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;
}

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

.w-all {
	width: 100%;
}

.h-all {
	height: 100%;
}

.box-in {
	width: 173rem;
	margin-left: auto;
	margin-right: auto;
}

.shadow {
	box-shadow: 0 2px 4px rgba(0, 0, 0, .12), 0 0 6px rgba(0, 0, 0, .04);
}

.none {
	display: none !important;
}

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

.seat {
	background-color: red;
	border: 1px solid #000;
}

@media all and (orientation: portrait) {
    p,
    div {
      font-size: 2.6rem !important;  
    }
    
	.box-in {
		width: 100% !important;
		padding: 0 4rem;
		margin: auto;
	}

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

@media all and (orientation: landscape) {
	.fit-h5 {
		display: none !important;
	}
}