//引入全局配置
@import "c/conf";
@import "c/mx";
@import "c/f";
@import "c/reset";
@import "a/c";

page {
	background-color: $bgc1;
	// filter: grayscale(100%); // 页面变灰
	// height: 100%;
}

image {
	// background-color: rgba(#d0c3ca, 0.1);
}

form {
	display: block;
}

button {
	padding: 0;
	background-color: transparent;
	border: none;
	border-radius: 0;
}

.navigator-hover {
	/*导航点击状态*/
	background-color: inherit;
	opacity: inherit;
}

/* 公共模块
 ---------------------------------------------------------------*/
.m-more {
	height: 90rpx;
	line-height: 90rpx;
	color: $fc4;
	font-size: 30rpx;
	text-align: center;
}

.u-bottom-placeholder {
	// 底部占位符
	height: 100rpx;
}

// 悬浮圆形按钮
.u-hover-circle-btn {
	position: fixed;
	right: 20rpx;
	bottom: 30rpx;
	width: 110rpx;
	height: 110rpx;
	line-height: 110rpx;
	border-radius: 100%;
	color: #fff;
	text-align: center;
	font-size: 14px;

	&.z-tall {
		bottom: 150rpx;
	}

	image {
		position: absolute;
		display: block;
		width: 100rpx;
		height: 100rpx;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		margin: auto;
	}
}
.m-nothing {
	position: relative;

	image {
		display: block;
		margin: 200rpx auto;
		width: 292rpx;
		height: 265rpx;
	}
}

.m-hint {
	text-align: center;
	padding: 100rpx 50rpx;
	line-height: 50rpx;
	color: $fc3;
	text-align: center;
	font-size: 34rpx;
	font-family: Source Han Serif SC;
	font-weight: 500;

	&.z-small {
		padding: 50rpx;
	}
}

// 普通红色通按钮
.u-btn {
	margin: 120rpx auto;
	width: 400rpx;
	height: 80rpx;
	line-height: 80rpx;
	background: $c1;
	border-radius: 40rpx;
	font-size: $fz7;
	font-family: Source Han Serif SC;
	font-weight: 500;
	text-align: center;
	color: #ffffff;

	&.z-disabled {
		background-color: lighten($c1, 20);

		&:active {
			background-color: lighten($c1, 15);
		}
	}

	&:active {
		background-color: darken($c1, 10);
	}
}