.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; }