nazw/nnzwminiapp/pages/ZCWDK/index/index.wxss

/* pages/ZCWDK/index/index.wxss */

page {
	height: 100%;
	width: 100%;
	/* background: #000; */
}

.navTitle {
	width: 100%;
	height: 130rpx;
	margin-bottom: 20rpx;
}

.navTitle t-icon {
	width: 48rpx;
	float: left;
	margin-top: 50rpx;
	margin-left: 20rpx;
	height: 130rpx;
	line-height: 130rpx;
	text-align: center;
	color: #fff;
}

.navTitle .title {
	width: 600rpx;
	height: 130rpx;
	line-height: 130rpx;
	text-align: center;
	font-size: 36rpx;
	font-family: PingFang SC;
	font-weight: 400;
	color: #FFFFFF;
}

.head {
	width: 100%;
	height: 500rpx;
	background-repeat: no-repeat;
	background-size: 100% 100%;
}

.logo {
	margin: 0 auto;
	width: 60%;
	height: 50rpx;
}

.logo image {
	width: 100%;
	height: 50rpx;
}

.logo text {
	font-size: 30rpx;
	font-family: PingFang SC;
	font-weight: 400;
	color: #FFFFFF;
	opacity: 0.6;
	display: block;
	width: 100%;
	text-align: center;
}

.searchBox {
	width: 90%;
	height: 80rpx;
	background-color: #FFFFFF;
	opacity: 0.8;
	margin: 70rpx auto;
	border-radius: 80rpx;
}

.type {
	width: 160rpx;
	height: 80rpx;
	margin-left: 20rpx;
	line-height: 80rpx;
	float: left;
}

.inputText {
	width: 440rpx;
	height: 70rpx;
	line-height: 70rpx;
	/* background: #000; */
	float: left;
	margin-top: 5rpx;
}

.serachIcon {
	width: 40rpx;
	height: 40rpx;
	margin-top: 20rpx;
}

/* 遮罩层 */
.mask {
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	background: #000;
	z-index: 9000;
	opacity: 0.5;
}

.serachItems {
	width: 100%;
	height: 740rpx;
	margin-top: 460rpx;
	background: #fff;
	padding-top: 20rpx;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 9999;
}

.serachItems scroll-view {
	height: 740rpx;
}

.item {
	width: 30%;
	height: 47rpx;
	margin: 5rpx 10rpx;
	text-align: center;
	line-height: 47rpx;
	border: 2rpx solid #C5C5C5;
	border-radius: 4px;
	float: left;
	font-size: 23rpx;
}

.title {
	width: 100%;
	height: 73rpx;
	margin-top: 20rpx;
	margin-bottom: 12rpx;
}

.hotIcon {
	width: 56rpx;
	height: 73rpx;
	float: left;
	margin-left: 30rpx;

}

.title text {
	color: #E62C13;
	font-size: 32rpx;
	float: left;
	height: 73rpx;
	line-height: 73rpx;
	margin-left: 20rpx;
}

.line {
	width: 100%;
	height: 2rpx;
	background-color: #C5C5C5;
}

.listItem {
	height: 310rpx;
	width: 90%;

	margin: 0 auto;
	padding-top: 20rpx;
	padding-bottom: 20rpx;
}

.itemTag {
	width: 220rpx;
	height: 55rpx;
	font-size: 22rpx;
	background-size: 100%;
	background-repeat: no-repeat;
	text-align: center;
	line-height: 55rpx;
	color: #fff;
}

.itemTitle {
	/* width: 665px; */
	width: 100%;
	/* height: 70rpx; */
	font-size: 32rpx;
	font-family: PingFang SC;
	font-weight: 400;
	color: #333333;
	margin-top: 20rpx;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	text-overflow: ellipsis;
	overflow: hidden;
}

.itemInfo {
	width: 100%;
	/* height: 61rpx; */
	font-size: 24rpx;
	font-family: PingFang SC;
	font-weight: 400;
	color: #999999;
	margin-top: 30rpx;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	text-overflow: ellipsis;
	overflow: hidden;
	position: relative;
	margin-bottom: 40rpx;

}

.p {
	color: #508FF4;
	margin-left: 10rpx;
	content: attr(data-etc);
	position: absolute;
	left: 558rpx;
	bottom: 0rpx;
	background: #fff;
	transform: translateX(3rpx);
}

.ttp {
	width: 100%;
	height: 80rpx;
}

.tw {
	width: 138rpx;
	height: 80rpx;
	background: #CCA65E;
	color: #fff;
	border-radius: 80rpx 0 0 80rpx;
	padding-top: 10rpx;
	float: right;
}

.tw text {
	width: 100%;
	display: block;
	margin-left: 40rpx;
	font-size: 24rpx;
	font-family: PingFang SC;
	font-weight: 400;
	color: #FFFFFF;
}