shangmenanmo/styles/pages.wxss

.page-height {
	width: 100%;
	height: 100vh;
	background: #fff;
}

/* 单选/多选按钮 */
.pay-icon {
	font-size: 40rpx;
}

/* 分享按钮 */
.common-share-btn {
	right: 30rpx;
	bottom: 140rpx;
	width: 90rpx;
	height: 90rpx;
	margin-bottom: calc(env(safe-area-inset-bottom) / 2);

	.iconfont {
		font-size: 40rpx;
	}
}

.common-share-btn.detail {
	bottom: 170rpx;
}

.map-info {
	.iconjuli {
		font-size: 42rpx;
	}

	.icon-down {
		transform: scale(0.5);
	}
}

/* 海报 */
.hideCanvasView {
	position: relative;

	.hideCanvas {
		position: absolute;
		left: -9999rpx;
		top: -9999rpx
	}
}

/* 技-师页面 */
.pages-technician {
	.fix-info {
		height: 225rpx;

		.space-top {
			width: 100%;
			height: 40rpx;
			top: 0;
		}

		.search-info {
			width: 100%;
			top: 0;

			.city-info {
				width: 170rpx;

				.iconfont {
					font-size: 20rpx;
					transform: scale(0.5);
				}
			}
		}
	}

	.fix-info.choose {
		height: 135rpx;
	}


	.choose-city-popup {
		padding: 0 32rpx 0 30rpx;

		.city-img {
			width: 688rpx;
			height: 364rpx;
		}

		.text {
			top: 256rpx;
			left: 78rpx;
			width: 606rpx;
		}

		.flex-between {
			margin-top: 25rpx;

			.item-btn {
				width: 238rpx;
				height: 85rpx;
				background: #F9F9F9;
			}
		}

	}
}


/* 订单相关页面 */
.order-pages {

	.service-type-item {
		min-width: 143rpx;
		height: 59rpx;
		padding: 0 10rpx;
		background: #F5F5F5;
		border-radius: 8rpx
	}

	.address-info {
		.address-icon {
			width: 64rpx;
			height: 64rpx;

			.iconfont {
				font-size: 38rpx;
			}
		}

		.username {
			font-size: 30rpx;
		}
	}

	.store-info {

		.item-icon {
			width: 40rpx;
			height: 40rpx;

			.iconfont {
				font-size: 28rpx;
			}

			.item-icon {
				top: 0;
				left: 0;
				opacity: 0.1;
			}
		}
	}



	.item-child {
		.bell-tag {
			top: 0;
			left: 0;
			width: 120rpx;
			height: 40rpx;
			border-radius: 16rpx 0 16rpx 0;
		}

		.grayscale {

			.c-title,
			.c-warning {
				color: #999;
			}
		}

		.cover {
			width: 155rpx;
			height: 155rpx;
		}

		.refund-img {
			width: 196rpx;
			height: 196rpx;
		}

		.refund-img:nth-child(3n) {
			margin-right: 0
		}
	}

	.item-textarea {
		width: 570rpx;
		height: 300rpx;
	}

	.menu-list {
		margin-top: -30rpx;

		.menu-title {
			height: 90rpx;

			.iconfont {
				font-size: 24rpx;
			}
		}

		.menu-line {
			width: 80%;
			top: 76rpx;
			left: 10%;
		}

		.item-child {
			width: 20%;
			margin: 10rpx 0;

			.item-img {
				width: 72rpx;
				height: 72rpx;
				z-index: 9;
				border: 1px solid #666;

				.iconfont {
					font-size: 40rpx;
				}
			}
		}

	}

	.add-bell {
		.menu-line {
			width: 70%;
			top: 76rpx;
			left: 15%;
		}

		.item-child {
			width: 33.33%;
		}

	}

	.order-agent-info {
		color: #4A4A4A;

		.coach-img {
			width: 94rpx;
			height: 94rpx;
		}

		.title {
			width: 200rpx;
			font-weight: bold;
		}

		.text {
			color: #777;
			font-size: 26rpx;
		}
	}

	.copy-btn {
		width: 60rpx;
		height: 32rpx;
		border: 1rpx solid #fff;
		transform: rotateZ(360deg);
	}

	.copy-btn.fill {
		color: 333;
		borderColor: #eee;
		background: #eee;
		padding: 2rpx 6rpx;
	}

	.copy-btn.span {
		padding: 2rpx 6rpx;
	}

	.footer-info {

		bottom: 0;

		.item-btn {
			min-width: 150rpx;
			height: 64rpx;
			padding: 0 10rpx;
			background: #EEEEEE;
		}

	}

}


/* 申请表单相关页面 */
.apply-pages {
	.apply-form {

		.item-text {
			width: 200rpx;
			height: 30rpx;
			line-height: 30rpx;
			font-size: 30rpx;
			color: #1F1F1F;
		}

		.item-input {
			min-height: 30rpx;
			line-height: 30rpx;
			padding: 25rpx 0;
			font-size: 26rpx;
			color: #A9A9A9;
		}

		.item-input.text {
			padding: 30rpx 0;
		}

		.item-textarea {
			width: 630rpx;
			height: 400rpx;
			color: #A9A9A9;
		}

		.icon-switch,
		.icon-switch-on {
			font-size: 90rpx;
			line-height: 46rpx;
		}
	}
}

/* 储值明细记录 */
.stored-record-pages {
	.list-time {
		z-index: 99999;

		.item-child {
			width: 50%;
			height: 95rpx;

			.iconfont {
				font-size: 28rpx;
			}
		}
	}

	movable-area,
	movable-view {
		width: 686rpx;
		height: 148rpx;
		overflow: hidden;
	}

	.touch-item {
		font-size: 14px;
		display: flex;
		justify-content: space-between;
		width: 686rpx;
		height: 100%;
		overflow: hidden
	}

	.content {
		width: 100%;
		-webkit-transition: all 0.4s;
		transition: all 0.4s;
		-webkit-transform: translateX(270rpx);
		transform: translateX(270rpx);
		margin-left: -270rpx;
	}

	.delete-btn {
		width: 120rpx;
		height: 100%;
		color: #fff;
		border-radius: 0 15rpx 15rpx 0;
		-webkit-transform: translateX(270rpx);
		transform: translateX(270rpx);
		-webkit-transition: all 0.4s;
		transition: all 0.4s;
	}

	.touch-move-active .content,
	.touch-move-active .delete-btn {
		-webkit-transform: translateX(0);
		transform: translateX(0);
	}

	.popup-choose-time {
		.item-child {
			width: 50%;
		}
	}
}

.container {
	width: 100%;
}

/* 技-师等级 */
.technician-level {
	height: 333rpx;
	background: linear-gradient(206deg, #464749 0%, #020202 30%, #000000 100%);
	border-radius: 16rpx;
	transform: rotateZ(360deg);
	overflow: hidden;

	.icon-level-icon {
		font-size: 505rpx;
		top: -86rpx;
		left: 40rpx;
		z-index: -1;
	}

	.level-icon-img {
		top: 22rpx;
		right: 41rpx;
		width: 111rpx;
		height: 111rpx;
	}

	.level-title {
		font-size: 38rpx;
		color: #F9F9F9;
	}

	.level-line {
		width: 100%;
		height: 20rpx;
		background: #2D333C;
	}

	.level-line.cur {
		top: 0;
		left: 0;
	}

	.f-icontext {
		color: rgba(255, 255, 255, 0.7);
	}
}