
	page {
		font-family: "Microsoft YaHei";
		font-size: 28rpx;
		color: #333;
		background-color: #f7f7f7;
	}
	.f-r{
		float: right !important;
	}
	.bgfff{
		background: #fff !important;
	}
	.c666{
		color: #666 !important;
	}
	.c999{
		color: #999 !important;
	}
    .size12 {
		font-size: 12px !important
	}
	.size16 {
		font-size: 32rpx !important
	}

	.size18 {
		font-size: 36rpx !important
	}

	.size20 {
		font-size: 40rpx !important
	}

	.mt-5 {
		margin-top: 5px !important;
	}

	.mt-10 {
		margin-top: 10px !important;
	}

	.mt-15 {
		margin-top: 15px !important;
	}

	.mb-5 {
		margin-bottom: 5px !important;
	}

	.mb-10 {
		margin-bottom: 10px !important;
	}

	.mr-5 {
		margin-right: 5px !important;
	}

	.mr-10 {
		margin-right: 10px !important;
	}

	.ml-5 {
		margin-left: 5px !important;
	}

	.ml-10 {
		margin-left: 10px !important;
	}
	.ml-15 {
		margin-left: 15px !important;
	}

	.bold {
		font-weight: bold;
	}
	
	.strong {
		// font-weight: bold;
		margin-bottom: 10px;
	}

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

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

	.box_shadow {
		box-shadow: 0px 1px 5px 2px #dfe2e1fc;
	}

	.border-bottom {
		border-bottom: 1px solid #f7f7f7;
	}
    .closeBtn{
		color: #666 !important;
		background-color: #f5f5f5 !important;
		border: 1px solid #d9d9d9;
    }
	.orangeBtn {
		color: #333;
		background: #F5CC87;
	}

	.greenBtn {
		color: #52c41a;
		background: #f6ffed;
		border: 1px solid #b7eb8f;
	}

	.redBtn {
		color: #f5222d;
		background: #fff1f0;
		border: 1px solid #ffa39e;
	}

	.blueBtn {
		color: #1890ff;
		background: #dbebf9;
		border: 1px solid #8cc8ff;
	}

	.orangecolor {
		color: $orange !important;
	}

	.redcolor {
		color: $red !important;
	}

	.bluecolor {
		color: $blue !important;
	}

	.nolist {
		margin-top: 40%;
		padding: 15px;
		text-align: center;

		image {
			width: 100px !important;
			height: 100px !important;
		}

		text {
			display: block;
			width: 100%;
			margin-top: 15px;
			text-align: center;
		}
	}

	.endtext {
		text-align: center;
		font-size: 12px;
		color: #999;
		padding: 15px 0;
	}

	// 遮罩层
	.wrapper {
		position: fixed;
		left: 0;
		right: 0;
		top: 0;
		bottom: 0;
		z-index: 999;


		.bg {
			position: fixed;
			left: 0;
			right: 0;
			top: 0;
			bottom: 0;
			background-color: rgba(0, 0, 0, 0.4);
			z-index: 99;
		}
		// 弹框
		.edit {
			padding-bottom: 15px;
			background-color: #fff;
			width: 264px;
			margin: 20% auto;
			border-radius: 5px;
		
			.bgcolor {
				height: 110px;
				border-radius: 5px 5px 0 0;
				position: relative;
			}
		
		
			.title {
				margin-top: -88px;
				color: #fff;
				position: relative;
				font-size: 16px;
				font-weight: bold;
				text-align: center;
			}
		
			.ercode {
				width: 100%;
				margin: 15px auto;
				position: relative;
				text-align: center;
		
				image {
					width: 140px;
					height: 140px;
					border: 1px solid #dfdfdf;
				}
		
			}
		
			view {
				width: 100%;
				text-align: center;
			}
		
			text {
				width: 100%;
				text-align: center;
				display: inline-block;
			}
		}
	}
	// 
	.groupBtn {
		display: flex;
		.btn {
			background-color: $green;
			width: 45%;
			margin: 10px auto 15px;
			text-align: center;
			height: 32px;
			line-height: 32px;
			border-radius: 10px;
			color: #fff;
		}
	}
	// 
	
	.toolsList {
		width: calc(100% - 30px);
		margin:0 15px;
	
		.list {
			display: flex;
			justify-content: space-between;
			width: 100%;
			margin-right: 15px;
			height: 50px;
			line-height: 50px;
			background: #fff;
			border-bottom: 1px solid #f7f7f7;
	
			.left {
				display: flex;
				align-items: center;
			}
	
			.t-icon {
				width: 30px;
				height: 30px;
				display: flex;
				float: left;
				align-items: center;
				margin: 0 10px;
				opacity: 0.75;
	
			}
	
			.iconfont  {
				padding: 0 10px
			}
		}
	}
	// 企业名录头部
	.phonetop {
		width: 100%;
		height: 80px;
		position: relative;
		background: $navColor;
	
		.headbox {
			position: absolute;
			background: #fff;
			left: 10px;
			right: 10px;
			top: 0px;
			border-radius: 15px 15px 5px 5px;
			padding: 10px;
			display: flex;
			flex-wrap: wrap;
			justify-content: center;
            box-shadow: 0px 1px 5px 2px #dfe2e1fc;
		}
	
		.head {
			width: 100%;
			display: flex;
			align-items: center;
	
			.image {
				width: 75px;
				height: 75px;
				margin-right: 10px;
				border: 1px solid #dfdfdf;
				float: left;
				border-radius: 50%;
				overflow: hidden;
	
				image {
					width: 100%;
					height: 100%;
					border-radius: 5px;
				}
			}
	
			.info {
				width: calc(100% - 145px);
				height: 110px;
				display: flex;
				flex-wrap: wrap;
				flex-direction: column;
				justify-content: space-between;
	
				.name {
					font-size: 16px;
	
					text {
						width: auto;
						display: inline-block;
						background-color: #F7B133;
						text-align: center;
						font-size: 12px;
						padding: 2px 10px;
						border-radius: 5px;
						color: #fff;
						margin-left: 15px;
					}
	
				}
	
				.post {
					color: #999;
				}
			}
			
			.logo{
				image{
					width: 55px;
					height: 55px;
				}
			}
		}
	
		.call {
			width: 80%;
			color: #FFD195;
			background-color: #2C2C34;
			border-radius: 5px;
			margin-top: 15px;
			display: flex;
			font-size: 16px;
			align-items: center;
			justify-content: center;
			padding: 10px;
	
			icon {
				font-size: 20px;
			}
		}
	}
	// 资讯详情
	.newsDetail {
		background: #fff;
		padding: 15px;
		border-radius: 5px;
		
	
		view {
			width: 100%;
			line-height: 25px;
		}
	
		.title {
			font-size: 18px;
			font-weight: bold;
			margin-bottom: 5px;
		}
	
		.image {
			width: 324px;
			height: 166px;
			margin:10px auto;
	
			image {
				width: 100%;
				height: 100%;
			}
		}
		.address {
			width: calc(100% - 22px) !important;
			margin:15px 0;
			border: 1px solid #dfdfdf;
			padding: 10px;
			border-radius: 5px;
		}
	}
	// from表单样式
	.inputClass {
		padding: 10px 0;
	
	
		input {
			border: none;
			    background: inherit;
			    width: 100%;
			    height: 35px;
			    line-height: 35px;
			    background: #f7f7f7;
			    padding: 0 10px;
		}
	
		.lan {
			display: flex;
			align-items: center;
			flex-wrap: wrap;
			font-size: 14px;
			margin: 0px 15px;
	
			.left {
				width: 100%;
				height: 40px;
				line-height: 40px;
				text-align: left;
				padding-left: 5px;
			}
	
			.right {
				display: flex;
				align-items: center;
				width: 100%;
				height: 35px;
				position: relative;
				border: 1px solid #dfdfdf;
				border-radius: 5px;
				background-color: #fff;
	
				picker {
					width: 100%;
					border: none;
					height: 35px;
					line-height: 35px;
				}
	
				.iconfont {
					color: #999;
					font-size: 26px;
					position: absolute;
					right: 0px;
					top: 0px;
				}
			}
	
			.desc {
				width: 100%;
				display: block;
				margin-top: 5px;
			}
	
			.textarea {
				width: 100%;
				height: 80px;
				padding: 5px;
	
				textarea {
					width: 100%;
					height: 100%;
				}
			}
	
			.zhizhao {
				width: 100px;
				height: 100px;
	
				text {
					font-size: 30px;
					margin: auto;
					text-align: center;
				}
			}
	
			.touxiang {
				width: 85px;
				height: 110px;
				padding: 0;
				justify-content: center;
	
				text {
					font-size: 30px;
					margin: auto;
					text-align: center;
				}
			}
		}
	
		.btn {
			width: 90%;
			color: #fff;
			height: 40px;
			line-height: 40px;
			border-radius: 5px;
			background-color: $green;
			margin: 20px auto;
			text-align: center;
		}
	
	}
	// from表单
	.fromClass {
		padding-bottom: 20px;
	
		input {
			border: none;
			width: 100%;
			height: 35px;
			line-height: 35px;
			background: inherit;
		}
	
		.lan {
			display: flex;
			align-items: center;
			flex-wrap: wrap;
			font-size: 14px;
			margin: 0px 15px;
	
			.left {
				width: 100%;
				height: 40px;
				line-height: 40px;
				text-align: left;
				padding-left: 5px;
			}
	
			.right {
				display: flex;
				align-items: center;
				width: 100%;
				height: 35px;
				position: relative;
				border: 1px solid #dfdfdf;
				border-radius: 5px;
				padding: 0 10px;
				background-color: #fff;
	
				picker {
					width: 100%;
					border: none;
					height: 35px;
					line-height: 35px;
				}
	
				uni-icons {
					color: #999;
					font-size: 26px;
					position: absolute;
					right: 0px;
					top: -2px;
				}
			}
	
			.desc {
				width: 100%;
				display: block;
				margin-top: 5px;
			}
	
			.textarea {
				width: 100%;
				height: 80px;
				padding: 5px;
	
				textarea {
					width: 100%;
					height: 100%;
				}
			}
	
			.zhizhao {
				width: 100px;
				height: 100px;
				padding: 0;
	
				text {
					font-size: 30px;
					margin: auto;
					text-align: center;
				}
			}
	
			.touxiang {
				width: 85px;
				height: 110px;
				padding: 0;
				justify-content: center;
	
				text {
					font-size: 30px;
					margin: auto;
					text-align: center;
				}
			}
		}
	
		.btn {
			width: 90%;
			color: #fff;
			height: 40px;
			line-height: 40px;
			border-radius: 5px;
			background-color: $green;
			margin: 20px auto;
			text-align: center;
		}
	
		.pass {
			padding: 5px 10px;
			background: #F9CD90;
			color: #D8001B;
			line-height: 25px
		}
	}
	// 搜索样式
	.serachBox {
		height: auto;
		position: fixed;
		top: 0px;
		left: 0;
		right: 0;
		padding: 0 10px 10px;
		z-index: 9;
		background: $navColor;
		// background-color: $blue;
	
		.serach-box {
			height: 35px;
			border-radius: 15px;
			position: relative;
			background-color: #fff;
			border: 1px solid $blue;
		}
	
		.searchInput {
			position: absolute;
			left: 0;
			right: 40px;
			height: 35px;
	
			uni-icons {
				position: absolute;
				right: 2px;
				top: 5px;
				display: flex;
				width: auto;
				z-index: 9999;
			}
		}
	
		.searchBtn {
			position: absolute;
			width: 40px;
			right: 0px;
			height: 35px;
			line-height: 35px;
			background: $orange;
			border-radius: 0 10px 10px 0;
			text-align: center;
			color: #fff;
			font-size: 14px;
	
			uni-icons {
				width: 50px;
				height: 35px;
				position: absolute;
				right: 5px;
				display: flex;
				align-items: center;
				justify-content: center;
			}
		}
	
		input {
			height: 35px;
			padding: 0 5px;
			text-align: center;
			position: absolute;
			left: 0px;
			right: 0px;
			font-size: 14px;
			border-radius: 10px;
	
		}
	}
	// 商品列表样式
	.productList {
		border-radius: 5px;
		margin-bottom: 15px;
		padding:10px 10px;
		border-bottom: 1px solid #f7f7f7;
		background-color: #fff;
	
		.name {
			display: flex;
			align-items: center;
			justify-content: space-between;
	
			.post {
				width: 100%;
				display: flex;
				align-items: center;
	
				.avatar {
					width: 50px;
					height: 50px;
					border-radius: 50%;
					border: 1px solid #f7f7f7;
				}
				
				.image{
					    width: 20px;
					    height: 12px;
					    margin-top: 7px;
				}
	
				.vip {
					color: #333;
					background: #F5CC87;
					padding: 3px 8px;
					font-size: 12px;
					border-radius: 5px;
				}
			}
	
			.call {
				padding:5px 10px;
			}
	
	
		}
	
		.info {
			padding-top: 5px;
	
			view {
				width: 100%;
				overflow: hidden;
				text-overflow: ellipsis;
				white-space: nowrap;
			}
	
			.title {
				display: flex;
				justify-content: space-between;
	
				text {
					display: inline-block;
					overflow: hidden;
					text-overflow: ellipsis;
					white-space: nowrap;
				}
	
				.state {
					font-size: 14px;
					color: $orange;
				}
			}
	
			.image {
				width: 100%;
				display: flex;
				margin-top: 10px;
				// justify-content: space-between;
	
				image {
					width: 100px;
					height: 100px;
					border-radius: 5px;
					border: 1px solid #f7f7f7;
				}
			}
	
			.address {
				margin-top: 10px;
	
				text {
					font-size: 12px;
					background-color: #f7f7f7;
					border-radius: 5px;
					padding: 2px 3px;
				}
			}
			.money {
				height: 30px;
				line-height: 30px;
			}
		}
		.call {
			color: #fff;
			padding: 0 10px;
			border-radius: 5px;
			margin-left: 10px;
			float: right;
			background-color:$green;
		
		}
	}
	// 资讯列表样式
	.newslist {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		padding: 15px 0 5px;
		border-bottom: 1px solid #f7f7f7;
	
		.left {
			width: calc(100% - 115px);
			height: 70px;
			display: flex;
			flex-wrap: wrap;
			flex-flow: column;
			justify-content: space-between;
	
			.title {
				width: 100%;
				font-size: 32rpx;
				overflow: hidden;
				text-overflow: ellipsis;
				display: -webkit-box;
				-webkit-box-orient: vertical;
				-webkit-line-clamp: 2;
				line-height: 30px;
				font-weight: bold;
			}
		}
	
		.right {
			width: 105px;
			height: 70px;
			border:1px solid #f7f7f7;
	
			image {
				width: 100%;
				height: 100%;
			}
		}
	
		.time {
			width: 100%;
			margin-top: 5px;
	
			icon {
				width: 20px;
				display: block;
				margin-right: 3px;
				margin-top: -5px;
				float: left;
			}
	
			.icon-icon-test1 {
				font-size: 16px;
			}
	
			view {
				color: #666;
				font-size: 14px;
				width: 48%;
				height: 25px;
				line-height: 25px;
				overflow: hidden;
				text-overflow: ellipsis;
				white-space: nowrap;
				float: left;
				// display: flex;
			}
		}
	
	}
	// 通讯录列表样式
	.phonelist {
		display: flex;
		justify-content: space-around;
		align-items: center;
		padding: 15px 0;
		border-bottom: 1px solid #f7f7f7;
	
		.left {
			width: 200rpx;
			height: 100rpx;
			border: 1px solid #dfdfdf;
		}
	
		.right {
			margin-left: 10px;
			width: calc(100% - 200rpx);
			height: 100rpx;
			display: flex;
			flex-wrap: wrap;
			justify-content: space-between;
				
				view{
					width: 100%;
					overflow: hidden;
					text-overflow: ellipsis;
					white-space: nowrap;
					display: flex;
					align-items: center;
				}
	
			text {
				color: #000;
				font-size: 16px;
				margin-right: 10px;
				font-weight: bold;
			}
		}
	image {
		width: 100%;
		height: 100%;
	}
		.tell {
			width: 50px;
			height: 50px;
			image {
				width: 35px;
				height: 35px;
			}
		}
	
		
	}
