/* pages/message/index.wxss */

.search-form {
	background-color: #f5f5f5;
	line-height: 64rpx;
	height: 64rpx;
	font-size: 24rpx;
	color: var(--black);
	flex: 1;
	display: flex;
	align-items: center;
	margin: 0 30rpx;
}

.search-form+.action {
	margin-right: 30rpx;
}

.search-form input {
	flex: 1;
	padding-right: 30rpx;
	height: 64rpx;
	line-height: 64rpx;
	font-size: 26rpx;
	background-color: transparent;
}

.cu-bar .search-form [class*="cuIcon-"] {
	margin: 0 0.5em 0 0.8em;
}

.cu-bar .search-form [class*="cuIcon-"]::before {
	top: 0rpx;
}

.content {
	margin-top: 24rpx;
	background: rgba(255, 255, 255, 1);
	border-radius: 6px;
}

.page-icon {
	height: 240rpx;
	width: 240rpx;
	border-top-left-radius: 12rpx;
	border-bottom-left-radius: 12rpx;
}

.page-name {
	font-size: 16px;
	font-family: PingFang-SC-Medium, PingFang-SC;
	font-weight: 500;
	color: rgba(51, 51, 51, 1);
	line-height: 22px;
}

.page-num {
	margin-top: 8rpx;
	font-size: 10px;
	font-family: PingFang-SC-Regular, PingFang-SC;
	font-weight: 400;
	color: rgba(51, 51, 51, 1);
}

.page-btn {
	height: 27px;
	background: rgba(255, 66, 43, 1);
	box-shadow: 0px 4px 14px -6px rgba(255, 43, 45, 0.8);
	color: white;
	font-size: 12px;
}

.page-price {
	font-size: 16px;
	font-family: DINAlternate-Bold, DINAlternate;
	font-weight: bold;
	color: rgba(255, 66, 43, 1);
}

.page-stock {
	font-size: 10px;
	font-family: PingFang-SC-Regular, PingFang-SC;
	font-weight: 400;
	color: rgba(153, 153, 153, 1);
	line-height: 14px;
}