::-webkit-scrollbar { display: none; } .group { height: 100%; width: 100%; padding-bottom: 102rpx; box-sizing: border-box; } scroll-view { height: 100%; } .group-container { width: 100%; box-sizing: border-box; padding: 0 18rpx; background: #fff; } .less-group, .whole-group { width: 100%; background: #fff; } .whole-group { margin-top: 32rpx; padding: 0 18rpx; box-sizing: border-box; } .less-group .title, .whole-group .title { display: flex; align-items: center; justify-content: space-between; height: 90rpx; position: relative; } .title .left { font-size: 32rpx; padding-left: 52rpx; } .quota { font-size: 28rpx; color: red; } .title .ren { width: 42rpx; height: 36rpx; position: absolute; left: 0; } .title .right { font-size: 28rpx; } .group-box { display: flex; width: 100%; flex-wrap: wrap; justify-content: space-between; } .group-item { position: relative; display: flex; flex-direction: column; } .group-item .item-img { width: 214rpx; height: 278rpx; } .group-item .group-num { position: absolute; left: 0; top: 14rpx; width: 100rpx; height: 40rpx; } .group-item .group-num image { width: 100%; height: 100%; } .group-item .group-num text { color: #fff; position: absolute; left: 6rpx; top: 4rpx; z-index: 3; font-size: 24rpx; } .group-item view:nth-child(2) { font-size: 32rpx; color: #E51C23; } .group-item view:nth-child(3) { font-size: 28rpx; color: #969595; margin-top: 18rpx; } .group-item text { margin-left: 10rpx; } .group-item #grade { margin-top: 20rpx; color: #000; text-align: center; font-size: 28rpx; } .Collage-bottom { display: flex; justify-content: space-around; align-items: center; height: 102rpx; position: relative; } .Collage-bottom view image { width: 42rpx; height: 50rpx; vertical-align: middle; margin-right: 30rpx; } .Collage-bottom text { vertical-align: middle; } .Collage-bottom .bg { position: absolute; left: 50%; top: 15%; width: 4rpx; height: 70%; transform: translateX(-50%); } .group-popup { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, .5); z-index: 99; } .group-popup .group-content { position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); width: 80%; background: #fff; border-radius: 20rpx; } .group-title { text-align: center; margin: 36rpx 0; } .group-list { display: flex; justify-content: space-between; flex-wrap: wrap; padding: 0 62rpx; } .group-content-img { width: 214rpx; height: 290rpx; } .sure { position: relative; width: 392rpx; height: 80rpx; margin: 36rpx auto 26rpx auto; } .sure image { width: 100%; height: 100%; } .sure text { position: absolute; left: 164rpx; top: 18rpx; color: #fff; z-index: 2; } .select-img { position: absolute; left: 10rpx; top: 10rpx; width: 52rpx; height: 52rpx; }