huajucanyin/unpackage/dist/dev/mp-weixin/pages/apps/find/details/details.wxss

/* 发现页 */
.wanl-find .userinfo {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.wanl-find .userinfo .avatar {
	display: flex;
	align-items: center;
}
.wanl-find .userinfo .avatar .cu-tag {
	font-size: 20rpx;
	padding: 0px 10rpx !important;
}
.wanl-find .userinfo .cu-btn.sm {
	padding: 0 20rpx;
	font-size: 26rpx;
	height: 50rpx;
}
.wanl-find .userinfo text[class*='wlIcon-'] {
	font-size: 28rpx;
	margin-right: 5rpx;
}
.wanl-find .content {}
.wanl-find .content .cu-tag.sm {
	padding: 6rpx;
}
.wanl-find .container {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
}
.wanl-find .container.col-2 {
	grid-template-columns: 1fr 1fr;
}
.wanl-find .container .item {
	display: flex;
	align-items: center;
	justify-content: center;
	border: 1px solid #fff;
	min-height: 6rem;
	width: 100%;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}
.wanl-find .container .item.item-1 {
	grid-column: 1 / 3;
	grid-row: 1 / 3;
	height: 600rpx;
}
.wanl-find .container .item.item-3 {
	grid-column: 1 / 3;
	grid-row: 1 / 3;
}
.wanl-find .container .item.item-live {
	position: relative;
	grid-column: 1 / 3;
	grid-row: 1 / 3;
}
/* 直播-中心按钮 */
.wanl-find .container .item.item-live .play {
	width: 120rpx;
	height: 120rpx;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	background-color: rgba(0, 0, 0, 0.2);
	border: 1px solid rgba(255, 255, 255, 0.5);
	font-size: 56rpx;
	color: #fff;
}
/* 直播-状态 */
.wanl-find .container .item.item-live .state {
	display: flex;
	position: absolute;
	left: 20rpx;
	bottom: 20rpx;
	background-color: rgba(0, 0, 0, 0.1);
	height: 36rpx;
	line-height: 36rpx;
	border-radius: 8rpx;
	overflow: hidden;
}
.wanl-find .container .item.item-live .state>view {
	padding: 0 12rpx;
}
.wanl-find .container .item.item-live .state .tags {
	height: 100%;
	border-radius: 8rpx;
	font-size: 28rpx;
}
.wanl-find .container .item.item-live .state .tags>text {
	margin-right: 4rpx;
}
/* 直播-商品数量 */
.wanl-find .container .item.item-live .number {
	position: absolute;
	background-color: rgba(0, 0, 0, 0.2);
	border: 1px solid rgba(255, 255, 255, 0.5);
	border-radius: 8rpx 8rpx 0 20rpx;
	overflow: hidden;
	padding: 8rpx 6rpx;
	top: 10rpx;
	right: 10rpx;
	line-height: 1;
	text-align: center;
}
.wanl-find .container .item.item-live .number>view {
	font-size: 30rpx;
}
.wanl-find .container .item.item-live .number>text {
	font-size: 11px;
}
.wanl-find .container .item.item-live .like {
	position: absolute;
	bottom: 15rpx;
	right: 30rpx;
	line-height: 1.2;
}
.wanl-find .container .item.item-live .like .likebut {
	background-color: #f40;
	border-radius: 50%;
	width: 45rpx;
	line-height: 46rpx;
	height: 45rpx;
	font-size: 26rpx;
}
.wanl-find .scroll-view {
	white-space: nowrap;
	width: 100%;
}
.wanl-find .scroll-view-item {
	display: inline-flex;
	width: 60%;
	height: 100rpx;
	overflow: hidden;
	margin-right: 10rpx;
	background-color: #f9f9f9;
	align-items: center;
}
.wanl-find .scroll-view-item.col-1 {
	width: 100%;
	margin-right: 0;
}
.wanl-find .scroll-view-item .img,
.wanl-find .scroll-view-item .img image {
	height: 100rpx;
	width: 100rpx;
	border-radius: 18rpx 0 0 18rpx;
	background-color: #efefef;
}
.wanl-find .scroll-view-item .content {
	flex: 1;
	line-height: 1.3;
}
.wanl-find .scroll-view-item .icon {
	width: 60rpx;
	text-align: center;
}
.wanl-find .content .calendar {
	width: 50rpx;
	height: 50rpx;
	line-height: 60rpx;
	background-size: 100%;
	font-size: 22rpx;
	font-weight: 600;
}
.cu-custom .cu-bar .content {
	width: calc(100% - 450rpx);
}
.cu-custom .userinfo {
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.cu-custom .userinfo .cu-avatar {
	flex-shrink: 0;
	width: 56rpx;
	height: 56rpx;
	overflow: hidden;
	border-radius: 1000px;
	margin: 0 !important;
}
.swiper-box {
	position: relative;
	background-color: #f7f7f7;
	width: 100%;
	height: 100vw;
}
.swiper-box swiper {
	width: 100%;
	height: 100vw;
}
.swiper-box swiper swiper-item image {
	width: 100%;
	height: 100vw;
}
.swiper-box .indicator {
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 0 25rpx;
	height: 40rpx;
	border-radius: 40rpx;
	font-size: 22rpx;
	position: absolute;
	bottom: 20rpx;
	right: 20rpx;
	color: #fff;
	background-color: rgba(0, 0, 0, 0.2);
}
.wanl-find .scroll-view-item .img {
	margin: 0 10rpx;
}
.wanl-find .scroll-view-item .img,
.wanl-find .scroll-view-item .img image {
	height: 80rpx;
	width: 80rpx;
	border-radius: 18rpx;
}
.scroll-view-item .goodsinfo {
	line-height: 1.2;
}