.bg {
	margin-top: -46px;
	margin-left: -10px;
	image {
		width: 110%;
	}
}
.main {
	padding: 15px;
	.form {
		border-radius: 10px;
		background-color: white;
	}
}
.tab {
	padding: 0px 5px 5px 5px;
	/* #ifdef H5 */
	margin-top: -1px;
	/* #endif */
	overflow: hidden;
}
.omit {
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}
.ellip {
	-webkit-line-clamp: 2;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	overflow: hidden;
	margin-top: 7px;
	color: #666666;
}
.mt10 {
	margin-top: 10px !important;
}
.mt20 {
	margin-top: 20px !important;
}
.pl5 {
	padding-left: 5px;
}
.flex {
	display: flex;
	text-align: center;
	.f {
		flex: 1;
		overflow: hidden;
	}
}
.btn {
	color: white;
	background-color: $main-color;
	border-radius: 30px;
	font-size: 15px;
	text-align: center;
	padding: 5px;
	margin-top: 15px;
}
.msilde {
	.top {
		padding: 10px;
		text-align: center;
		font-size: 15px;
		color: #535353;
		.icon {
			padding-left: 5px;
		}
	}
	.left {
		position: fixed;
		width: 25%;
		overflow-y: auto;
		z-index: 2;
		height: 95%;
		.item {
			padding: 13px 8px 13px 8px;
			font-size: 14px;
			&.active {
				background-color: white;
				color: $main-color;
			}
		}
	}
	.right {
		position: fixed;
		height: 100%;
		width: 80%;
		overflow-y: auto;
		left: 25%;
		z-index: 1;
		background-color: white;
		.list {
			padding: 10px 10px 85px 10px;
		}
	}
}