zhiyu_uni_duanju/pages/client/style/zui.css

.home-header {
	height: 300rpx;
	width: 100%;
	position: relative;
	border-radius: 0rpx 0rpx 48rpx 48rpx;
}

.history-box {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}

.history-item-box {
	display: flex;
	max-width: 22%;
	margin-left: .5rem;
	margin-bottom: .5rem;
	justify-content: center;
	flex-flow: column;
}

.history-add-box {
	height: 200rpx;
	align-items: center;

}

.history-item-box:first {
	margin-left: 0px;
}

.history-item-image {
	height: 200rpx;
	max-width: 100%;
	position: relative;
	border-radius: 20rpx;
}

.history-item-title {
	font-size: 28rpx;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	text-align: left;
}

.add-icon {
	align-items: center;
	width: 60rpx;
	height: 60rpx;
}

.top-show {
	margin-bottom: .5rem;
}

.home-main {
	width: 100%;
	position: relative;
	margin-top: -156rpx;
	padding: 0 30rpx;
}

.home-mendian {
	width: 100%;
	height: 84rpx;
	background: rgba(255, 255, 255, 0.1);
	border-radius: 42rpx;
}

.integral-mall-header {
	position: relative;
	height: 320rpx;
}

.integral-mall-header .bg {
	width: 100%;
	height: 320rpx;
}

.integral-mall-header .main {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 320rpx;
}

.swiper-integral {
	height: 32rpx;
	width: 100%;
}

.integral-mall-main {
	position: relative;
	/* margin-top: -104rpx; */
}

.integal-mall-menu {
	width: 100%;
	height: 190rpx;
	background: #FFFFFF;
	border-radius: 20rpx;
}

.integral-tuan-l {
	width: 100%;
	height: 280rpx;
	background: #f2f2f2;
	border-radius: 16rpx;
}


.integral-mall-coupon {
	background: #FFFFFF;
	position: relative;
	border-radius: 16rpx;
	overflow: hidden;
}

.integral-mall-coupon .top {
	padding: 0rpx 0rpx 24rpx 0rpx;
	border-bottom: 2rpx dashed #FEC675;
}

.integral-mall-coupon .y-l,
.integral-mall-coupon .y-r {
	width: 20rpx;
	height: 20rpx;
	border-radius: 10rpx;
	background: #F5F6FA;
	position: absolute;
	z-index: 2;
	top: 284rpx;
}

.integral-mall-coupon .y-l {
	left: -10rpx;
}

.integral-mall-coupon .y-r {
	right: -10rpx;
}

.integral-mall-coupon .coupon-value {
	width: 100%;
}

.integral-mall-coupon .coupon-value image {
	width: 100%;
}

.integral-mall-coupon .coupon-value .num {
	width: 100%;
	height: 64rpx;
	display: flex;
	justify-content: center;
	align-items: center;
	position: absolute;
	left: 0;
	top: 0;
}

.integral-mall-goods {
	width: 100%;
	height: 280rpx;
	background: #F2F2F2;
	border-radius: 16upx;
}

.titleNview-placing {
	height: var(--status-bar-height);
	padding-top: 44px;
	box-sizing: content-box;
}

.tuan-product-l {
	width: 150rpx;
	height: 200rpx;
	border-radius: 16rpx;
	background: #F2F2F2;
}

.tuan-product-r {
	width: calc(100% - 150rpx);
}

.btn-vip-adviser {
	width: 150rpx;
	height: 60rpx;
	border-radius: 20rpx;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 28rpx;
	/* font-weight: 600; */
	background: #FF6600;
	color: #FFFFFF;
}

.zuiju-box {
	display: flex;
	width: 100%;
	flex-direction: column;

}

.zuiju-box-item {
	display: flex;
	flex-direction: row;
}

.zuiju-box-item-cover {
	flex-grow: 1;
	min-width: 150rpx;
	max-width: 150rpx;
	height: 200rpx;
	border-radius: 16rpx;
	background: #F2F2F2;
}

.zuiju-box-item-info {
	max-width: 70%;
	display: flex;
	flex-grow: 4;
	padding: 0 5px;
	flex-direction: column;
}

.zuiju-box-item-info-title {
	display: block;
	font-size: 17px;
	height: 55px;
	line-height: 25px;
	overflow: hidden;
	text-overflow: ellipsis;
	text-align: left;
	font-weight: bold;
	grid-row: 4;
}

.zuiju-box-item-info-juji {
	grid-row: 1;

	display: block;
	font-size: 12px;
	line-height: 20px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	text-align: left;
}

.zuiju-box-item-info-gx {
	display: block;
	font-size: 12px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	text-align: left;
	line-height: 20px;
	grid-row: 1;
}

.zuiju-box-item-del-box {
	height: 100%;
	min-width: 30rpx;
	flex-grow: 1;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 220rpx;
	align-items: center;
}

.del-icon {
	width: 20px;
	height: 20px;
	align-items: center;
}
.guankan{
	padding-left: 5px;
	color: #FF6600;
}
.update-ji{
	padding-left: 5px;
	font-weight: bold;
}
.zuiju-box-kong{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	align-items: center; 
	padding-bottom: 50rpx;
}
.zuiju-box-kong image {
	width: 100px;
	height: 100px;
}
.zuiju-box-kong text {
	padding-top: 10rpx;
	color: #b2b2b2;
	
}

.zuiju-box-kong label {
	margin: 10rpx 0rpx;
	padding: 15rpx 60rpx;
	color: #fff;
	background-color: #FF6600;
	border-radius: 9rpx;
}

.body{
	background-color: #fff;
}