nazw/nnzwminiapp/pages/deliciousList/deliciousList.wxss

/* pages/deliciousList.wxss */
scroll-view ::-webkit-scrollbar {
	display:none;
	width:0;
	height:0;
	color:transparent;
}

page {
	background: #F5F5F5;
}

.content .cont-width {
	width: 90%;
	margin: 1.25rem auto;
	background: #FFFFFF;
	box-shadow: 0px 6px 12px 0px rgba(187, 187, 187, 0.5);
	border-radius: 10px;
	padding: 20rpx 20rpx;
}

.content .cont-width .cont-bg {
	height: 6.625rem;
	border-radius: 20px;
	margin: 0 auto;
	margin-bottom: 0.625rem;
	background-size: 100% 100%;
	position: relative;
}

.content .cont-width .cont-bg .number {
	position: absolute;
	width: 3.0625rem;
	height: 3.725rem;
	font-size: 0.8125rem;
	color: #fff;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	background-size: 100% 100%;
	margin-top: -1.125rem;
	margin-left: 0.625rem;
}

.content .cont-width .cont-bg .number view {
	height: 0.625rem;
	line-height: 0.625rem;
}

.content .cont-width .cont-bg .number view:nth-child(2n) {
	font-size: 0.625rem;
	opacity: 0.34;
}

.content .cont-width .cont-bg .number view:last-child {
	font-size: 0.75rem;
	font-family: DOUYU;
	font-weight: normal;
}

.content .cont-width .stars {
	font-size: 1rem;
	font-weight: 600;
	display: flex;
	align-items: center;
}

.content .cont-width .stars image {
	width: 0.9375rem;
	height: 0.9375rem;
	margin-left: 3px;
}

.content .cont-width .quality {
	font-size: 0.875rem;
	margin: 0.625rem 0;
	color: #666
}

.content .cont-width .quality view {
	color: #F58E3C;
}

.content .cont-width .comments {
	display: flex;
}

.content .cont-width .comments view:first-child {
	font-weight: 600;
}

.content-text {
display: -webkit-box;
-webkit-line-clamp: 3;
overflow: hidden;
text-overflow: ellipsis;
-webkit-box-orient: vertical;
word-break: break-all; /*强制英文单词自动换行*/
}

.content .cont-width .comments view:last-child {
	color: #508FF4;
	word-wrap: break-word;
}

.content .cont-width .btn {
	display: flex;
  justify-content: flex-end;
}

.content .cont-width .btn view {
  margin-top: 20rpx;
  margin-bottom: 10rpx;
	width: 140rpx;
	height: 55rpx;
  font-size: 24rpx;
  display: flex;
  align-items: center;
  justify-content: center;
	color: #fff;
	background: #FF6C00;
	border-radius: 30rpx;
}

/* tab */
.tab {
  display: flex;
	white-space: nowrap;
	-webkit-overflow-scrolling: touch;
	background: #FFF;
	height: 90rpx;
	padding: 0 32rpx;
	box-sizing: border-box;
}

.tab-item {
  flex: 1;
	font-size: 35rpx;
	text-align: center;
	display: inline-block;
	height: 80rpx;
	line-height: 90rpx;
  margin: 0 10rpx;
  padding: 0 20rpx;
}

.tab-item.active {
  color: #508FF4;
  font-weight: 600;
  border-bottom: 7rpx solid #508FF4;
}

.swiper-content {
	height: 64vh;
}

.swiper-content swiper {
	height: 100%;
}

.swiper-content .content .cont-bg {
  height: 245rpx;
}

.swiper-content .content .cont-width {
  margin-bottom: 40rpx;
}