ximalaya-lite/pages/index/index.wxss

/* 宫格导航 */
.hmly-nav {
	width: 90%;
	height: 132rpx;
	margin: 0rpx auto;
	margin-top: 40rpx;
	display: flex;
	justify-content: space-between;
	align-items: center;
	align-content: center;
}

.hmly-nav-item {
	width: 94rpx;
	font-size: 20rpx;
	text-align: center;
	line-height: 35rpx;
	color: #aaa;
}

.hmly-nav-icon {
	width: 84rpx;
	height: 84rpx;
}

/* 猜你喜欢 */
.hmly-like {
	width: 90%;
	margin: 0rpx auto;
	margin-top: 40rpx;
}

.hmly-like-item-box {
	width: 100%;
	display: flex;
	justify-content: space-between;
	overflow: hidden;
}

.hmly-like-item {
	width: 210rpx;
	height: 310rpx;
	border-radius: 15rpx;
}

.hmly-like-img {
	width: 210rpx;
	height: 210rpx;
	border-radius: 15rpx;
	position: relative;
}

.hmly-like-item-icon {
	width: 100%;
	height: 100%;
	border-radius: 15rpx;
}

.hmly-like-text {
	font-size: 28rpx;
	color: #333;
	margin-top: 10rpx;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	/*行数n*/
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
}

.hmly-like-cover {
	width: 190rpx;
	height: 40rpx;
	/* 透明背景层 */
	background-image: linear-gradient(rgba(0, 0, 0, 0.01), rgba(0, 0, 0, 1));
	/* opacity: 0.3; */
	position: absolute;
	bottom: 0rpx;
	color: #fff;
	font-size: 25rpx;
	padding: 5rpx 10rpx;
	border-bottom-left-radius: 15rpx;
	border-bottom-right-radius: 15rpx;
}

.hmly-data-notip {
	width: 100%;
	height: 300rpx;
	padding-top: 150rpx;
}

.hmly-tip {
	width: auto;
	height: 100rpx;
	text-align: center;
	margin: 0rpx auto;
	color: red;
	font-weight: 800;
}