*{
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;
}
.al{
	width: 100%;
	height: 100%;
	margin: 10px auto;
}
.floor-50{
	width: 100%;
	height: 50rpx;
}
.floor-100{
	width: 100%;
	height: 100rpx;
}
.floor-150{
	width: 100%;
	height: 150rpx;
}
.floor-200{
	width: 100%;
	height: 200rpx;
}
/*鼠标指针变手*/
.cursor {
	cursor: pointer;
}

.btn {
	cursor: pointer;
}

.btn:visited {
	cursor: pointer;
}

.btn:active {
	transform: translate(1px, 1px);
}

.di {
	width: 100%;
	height: 1.2rem;
}

.page {
	/* background: #fff; */
}

.row {
	display: flex;
	flex-direction: row;
}

.col {
	display: flex;
	flex-direction: column;
}

.row_c {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
}

.col_c {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.row_s {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
}

.col_s {
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: center;
}

.row_e {
	display: flex;
	flex-direction: row;
	justify-content: flex-end;
	align-items: center;
}

.col_e {
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	align-items: center;
}

.row_b {
/*	display: flex;*/
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
}

.col_b {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: center;
}

.col_a {
	display: flex;
	flex-direction: column;
	justify-content: space-around;
	align-items: center;
}

.row_a {
	display: flex;
	flex-direction: row;
	justify-content: space-around;
	align-items: center;
}

.ree {
	position: relative;
}

.fid {
	position: fixed;
	top: var(--window-top);
	left: 0;
	z-index: 99;
}

.fid-all {
	position: fixed;
	top: var(--window-top);
	left: 0;
	bottom: var(--window-bottom);
	right: 0;
	z-index: 99;
}

.fid-t {
	position: fixed;
	top: var(--window-top);
	z-index: 99;
}

.fid-b {
	position: fixed;
	bottom: var(--window-bottom);
	z-index: 99;
}

.fid-t-l {
	position: fixed;
	top: var(--window-top);
	left: 0;
	z-index: 99;
}

.fid-b-l {
	position: fixed;
	bottom: var(--window-bottom);
	left: 0;
	z-index: 99;
}

.fid-t-r {
	position: fixed;
	top: var(--window-top);
	right: 0;
	z-index: 99;
}

.fid-b-r {
	position: fixed;
	bottom: var(--window-bottom);
	right: 0;
	z-index: 99;
}

.fid-r {
	position: fixed;
	right: 0;
	z-index: 99;
}

.fid-l {
	position: fixed;
	left: 0;
	z-index: 99;
}

.abe {
	position: absolute;
}
.abe-all{
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 9;
	top: 0;
	right: 0;
}
.abe-t {
	position: absolute;
	top: 0;
	z-index: 9;
}

.abe-b {
	position: absolute;
	bottom: 0;
	z-index: 9;
}

.abe-t-l {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 9;
}

.abe-b-l {
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 9;
}

.abe-t-r {
	position: absolute;
	top: 0;
	right: 0;
	z-index: 9;
}

.abe-b-r {
	position: absolute;
	bottom: 0;
	right: 0;
	z-index: 9;
}

.abe-r {
	position: absolute;
	right: 0;
	z-index: 9;
}

.abe-l {
	position: absolute;
	left: 0;
	z-index: 9;
}

.nowarp {

	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.ellipsis {
	max-width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

.arrow {
	width: .14rem;
	height: .14rem;
	border-top: .04rem solid #bfbfbf;
	border-right: .04rem solid #bfbfbf;
	position: absolute;
	right: 5%;
	transform: rotate(45deg);
	top: 45%;
}

.arrow-x {
	width: .14rem;
	height: .14rem;
	border-top: .04rem solid #bfbfbf;
	border-right: .04rem solid #bfbfbf;
	position: absolute;
	right: 5%;
	transform: rotate(135deg);
	top: 45%;
}

.ipt {
	/* pointer-events: none; */
	user-select: auto;
}

.bolder {
	font-weight: bold;
}
.h-box{
	width: 100%;
	height: 40px;
	background-color: #f3f3f4;
}
.add-btn{
	border-radius: 30px;
	border: #1e8bc3 1px solid;
	width: 320px;
	height: 40px;
	color: #1e8bc3;
	font-size: 20px;
	/*font-weight: bold;*/
	overflow: hidden;
	margin: -40px 0 0;
}
.img-body{
				width: 100%;
				
			}
			.img-body>img{
				max-width: 100%;
				width: 100%;
				height: auto;
			}
/* 
@media(min-width:768px) {
.h-box{
	width: 100%;
	height: 40px;
}
.add-btn{
	width: 100px;
	height: 30px;
	font-family: monospace, monospace;
	font-size: 1em
}
}
@media(max-width:767px) {
.met-show {
	padding-top: 10px;
	padding-bottom: 10px
}
} */