clsd/app/common/common.scss

.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;
}
.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;
}
.form_group {
	padding: 9px 0px 9px 0px;
	overflow: hidden;
	position: relative;
	&.form_group:last-child {
		border-bottom: 0px;
	}
	.lable {
		font-size: 17px;
		text-align: left;
		position: relative;
		font-weight: bold;
	}
	.re {
		&::before {
			content: '*';
			width: 0px;
			height: 0px;
			color: red;
			position: absolute;
			top: -11px;
			font-weight: bold;
		}
	}
	.bgm {
		border: 1px solid $line;
		border-radius: 5px;
		margin-top: 12px;
		position: relative;
		background-color: white;
		.input {
			border: 0px;
			width: 75%;
			margin-top: 0px;
		}
		.msg {
			position: absolute;
			right: 10px;
			top: 9px;
			color: $main-color;
		}
	}
	.avatar {
		position: absolute;
		top: 0px;
		right: 0px;
		width: 55px;
		height: 55px;
		border-radius: 50%;
	}
	picker {
		position: relative;
		.more {
			position: absolute;
			right: 7px;
			top: 13px;
			font-weight: normal;
		}
	}
	input {
		font-size: 15px;
		border-radius: 5px;
		padding: 10px;
		margin-top: 12px;
		border: 1px solid $line;
		background-color: white;
	}
	textarea {
		font-size: 15px;
		border-radius: 5px;
		padding: 10px;
		margin-top: 12px;
		height: 120px;
		width: 93%;
		border: 1px solid $line;
		background-color: white;
	}
	.start {
		flex: 1;
		margin-top: -17px;
		text-align: left;
	}
	.hor {
		flex: 0.7;
		text-align: center;
		padding-top: 5px;
	}
}
.bz {
	font-size: 12px;
	color: $font-c;
	margin-top: 7px;
	.icon {
		padding-right: 3px;
	}
}
.menu {
	margin-top: 12px;
	overflow: hidden;
	background-color: white;
	border-radius: 7px;
	box-shadow: $box-shadow;
	.cd {
		float: left;
		width: 25%;
		text-align: center;
		height: 88px;
		.out {
			padding: 5px;
			.int {
				padding: 5px 5px 5px 5px;
				position: relative;
				.icon {
					font-size: 25px;
					width: 45px;
					height: 45px;
					margin: 0 auto;
					color: white;
					border-radius: 18px;
					line-height: 47px;
				}
				.title {
					font-size: 14px;
					padding-top: 5px;
					white-space: nowrap;
					text-overflow: ellipsis;
					overflow: hidden;
				}
				.bage {
					position: absolute;
					padding: 0px 5px;
					border-radius: 20px;
					background-color: red;
					color: white;
					top: 2px;
					right: 7px;
					font-size: 13px;
				}
			}
			.share {
				background-color: white;
				line-height: 18px;
			}
		}
	}
}
.tips {
	font-size: 13px;
	background-color: $bg;
	padding: 8px;
	color: $main-color;
	overflow: hidden;
	.icon {
		font-size: 17px;
		float: left;
		padding-right: 3px;
	}
}
.popup {
	padding: 15px;
	background-color: white;
	border-radius: 10px;
}
.search {
	overflow: hidden;
	padding-top: 5px;
	.usearch {
		float: left;
		width: 75%;
	}
	.address {
		float: right;
		padding-top: 5px;
		width: 65px;
		font-size: 15px;
		.icon {
			padding-right: 3px;
		}
	}
}
.item_job {
	padding: 10px;
	background-color: white;
	overflow: hidden;
	border-radius: 7px;
	margin-bottom: 10px;
	.top {
		overflow: hidden;
		.title {
			font-size: 15px;
			padding-top: 3px;
			font-weight: bold;
			float: left;
			width: 70%;
		}
		.salary {
			padding-top: 5px;
			font-size: 15px;
			font-weight: bold;
			color: #ff5722;
			margin-bottom: 5px;
			float: right;
		}
	}
	.con {
		padding-top: 3px;
		padding-bottom: 10px;
		font-size: 13px;
		color: $font-c;
		.desc {
			padding-right: 10px;
		}
	}
	.bot {
		border-top: 1px solid $line;
		font-size: 13px;
		color: $font-c;
		padding-top: 10px;
		overflow: hidden;
		.address {
			float: left;
			width: 68%;
			.icon {
				padding-right: 2px;
			}
		}
		.distance {
			float: right;
		}
	}
	.bt {
		border: 0px;
		padding-top: 3px;
	}
	.flex {
		border-top: 1px solid $line;
		padding-top: 10px;
		font-size: 14px;
		margin-top: 13px;
	}
}
.job{
	margin-left: -5px;
	margin-right: -5px;
	margin-top: -5px;
	overflow: hidden;
	.full_time {
		float: left;
		width: 50%;
		.out {
			padding: 6px;
			.int {
				padding: 10px;
				background-color: white;
				overflow: hidden;
				border-radius: 7px;
				box-shadow: $box-shadow;
				image {
					width: 100%;
					height: 100px;
					border-radius: 3px;
				}
				.title {
					font-size: 14px;
					padding-top: 3px;
					font-weight: bold;
				}
				.desc {
					font-size: 13px;
					padding-top: 3px;
				}
				.price {
					padding-top: 3px;
					font-size: 14px;
					font-weight: bold;
					color: #ff5722;
				}
				.address {
					padding-top: 3px;
					font-size: 13px;
					color: $font-c;
					width: 40%;
					float: left;
				}
				.distance {
					float: right;
					font-size: 13px;
					color: $font-c;
					padding-top: 3px;
					width: 60%;
					text-align: right;
				}
			}
		}
	}
}
/**简历******/
.resume {
	padding: 15px;
	.row {
		padding: 10px;
		margin-bottom: 15px;
		border-radius: 5px;
		font-size: 14px;
		background-color: white;
		overflow: hidden;
		.top {
			.sm6 {
				float: left;
				.name {
					font-size: 22px;
					font-weight: bold;
					.icon {
						padding-left: 10px;
					}
				}
			}
			.tx {
				width: 55px;
				height: 55px;
				border-radius: 50%;
				position: absolute;
				right: 34px;
			}
		}
		.label {
			padding-bottom: 5px;
			.title {
				font-size: 17px;
				font-weight: bold;
			}
			.icon {
				float: right;
				font-weight: bold;
				margin-top: 2px;
				font-size: 20px;
			}
		}
		.ellip {
			line-height: 25px;
		}
		.item {
			padding-top: 10px;
		}
	}
	.btn {
		width: 80%;
		.icon {
			padding-right: 5px;
		}
	}
}
.yd {
	width: 4px;
	height: 4px;
	border-radius: 50%;
	background-color: $font-c;
	float: left;
	margin-top: 9px;
	margin-right: 3px;
}
.lav {
	margin-bottom: 20px;
	padding-left: 7px;
	padding-right: 7px;
	.icon {
		font-size: 40px;
		padding-bottom: 10px;
	}
	.title {
		font-size: 22px;
		font-weight: bold;
	}
	.desc {
		font-size: 14px;
		margin-top: 10px;
		color: $font-c;
	}
}
.tags {
	float: left;
	width: 50%;
	.out {
		padding: 5px;
		.int {
			border-radius: 3px;
			text-align: center;
			padding: 10px 5px 10px 5px;
			font-size: 14px;
			color: $font-c;
			background-color: #f3f3f3;
		}
	}
}
.search_view {
	position: fixed;
	width: 100%;
	overflow-y: auto;
	background-color: white;
	z-index: 3;
	.list {
		padding: 5px 15px 10px 15px;
		.item {
			padding: 10px;
			color: $font-c;
			.title {
				font-size: 16px;
				font-weight: 600;
			}
			.desc {
				font-size: 13px;
				color: #a1a1a1;
				padding-top: 2px;
			}
		}
	}
}
._success {
	color: #67c23a !important;
}
._info {
	color: #909399 !important;
}
._error {
	color: #f56c6c !important;
}
.message {
	padding: 15px;
	border-radius: 5px;
	font-size: 14px;
	color: $font-c;
	margin-bottom: 10px;
	background-color: white;
	.icon {
		padding-right: 3px;
		font-size: 16px;
	}
}
.ql-editor.ql-blank:before {
	font-style: normal !important;
}
/**底部按钮操作******/
.mfooter {
	position: fixed;
	width: 100%;
	bottom: 30px;
	text-align: center;
	.btn {
		border-radius: 35px;
		width: 50%;
		.icon {
			padding-right: 5px;
		}
	}
}
.position {
	padding: 15px;
	.audits {
		margin-top: -10px;
		margin-bottom: 15px;
		.audit {
			float: left;
			padding: 5px 15px;
			border-radius: 30px;
			background-color: white;
			margin-right: 12px;
			font-size: 14px;
			color: $font-c;
			&.active {
				color: white;
				background-color: $main-color;
			}
		}
		overflow: hidden;
	}
	.item {
		border-radius: 7px;
		background-color: white;
		color: $font-c;
		padding: 15px;
		overflow: hidden;
		margin-bottom: 12px;
		.top {
			overflow: hidden;
			.title {
				font-size: 16px;
				float: left;
				width: 71%;
				font-weight: bold;
				.icon {
				}
			}
			.salary {
				font-size: 15px;
				font-weight: bold;
				color: #ff5722;
				margin-bottom: 5px;
				float: right;
			}
			.audit {
				float: right;
				font-size: 14px;
				.icon {
					padding-right: 3px;
				}
			}
		}
		.desc {
			margin-top: 10px;
			color: $font-c;
			width: 100%;
			font-size: 14px;
			overflow: hidden;
			.tag {
				float: left;
				padding: 1px 8px 8px 0px;
				border-radius: 3px;
				margin-right: 7px;
			}
			.date {
				float: right;
			}
		}
		.flex {
			border-top: 1px solid $line;
			padding-top: 10px;
			font-size: 14px;
		}
	}
}
.br {
	border-right: 1px solid $line;
}
.danger {
	color: #f44336;
}
.agree {
	color: $main-color;
}
.filters {
	float: right;
	margin-top: -32px;
	color: $font-c;
	z-index: 111;
	font-size: 15px;
	position: relative;
	.icon {
		padding-right: 3px;
	}
}
.city {
	float: right;
	margin-top: -32px;
	color: $font-c;
	z-index: 111;
	position: relative;
	width: 70px;
	margin-right: 70px;
	font-size: 15px;
	.icon {
		padding-right: 3px;
	}
}
.pt0 {
	padding-top: 0px;
}