.grouping-page{background-color:transparent;min-height:100vh;height:100vh;padding-top:0;position:relative;display:flex;flex-direction:column;overflow:hidden}@media (min-width:1024px){.grouping-page{background-color:#f3fdf9;flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden;width:100%!important;max-width:none!important}.grouping-page .gradient-bg-wrapper,.grouping-page .page-header{display:none}.grouping-page .group-course-list{padding:20px 28px 80px!important;max-width:600px!important;margin:0 auto!important;width:100%!important;box-sizing:border-box!important;flex:1;min-height:0;overflow-y:auto!important;overflow-x:hidden}.grouping-page .group-course-card{width:100%!important;max-width:none!important;box-sizing:border-box!important}}.grouping-page .group-course-list{margin-top:0;position:relative;z-index:1;background-color:transparent;flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:100px 17.5px 80px}.grouping-page .group-course-card{background-color:#FFFFFF;border-radius:20px;padding:12px;box-shadow:0 4px 16px 0 rgba(49,180,133,.1);width:100%;margin:0 0 10px;position:relative;box-sizing:border-box;display:flex;flex-direction:column}.grouping-page .group-course-top{position:relative;height:113.5px;cursor:pointer}.grouping-page .group-course-image{width:90px!important;height:90px!important;min-width:90px!important;max-width:90px!important;min-height:90px!important;max-height:90px!important;border-radius:8px;position:absolute;left:0;top:0;object-fit:cover}.grouping-page .group-course-content{position:absolute;left:102px;top:2px;right:0;display:flex;flex-direction:column}.grouping-page .group-course-title{font-family:PingFang SC,-apple-system,BlinkMacSystemFont,sans-serif;font-size:15px;font-weight:600;line-height:18px;color:#222222;margin-top:0;margin-bottom:6px;min-height:18px;max-height:36px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box!important;-webkit-line-clamp:2;-webkit-box-orient:vertical!important;word-break:break-word}.grouping-page .group-course-tags{display:flex;align-items:baseline;margin-top:6px;margin-bottom:9px}.grouping-page .group-tag{font-family:PingFang SC,-apple-system,BlinkMacSystemFont,sans-serif;color:#222222}.grouping-page .group-tag .number{font-family:DIN Condensed,Arial,sans-serif;font-size:14px;font-weight:700;line-height:14px;margin-right:1px}.grouping-page .group-tag .text,.grouping-page .group-tag-separator{font-family:PingFang SC,-apple-system,BlinkMacSystemFont,sans-serif;font-size:12px;font-weight:400;line-height:12px}.grouping-page .group-tag-separator{color:#222222;margin:0 4px}.grouping-page .group-course-address{display:flex;align-items:center;margin-bottom:10px}.grouping-page .group-address-icon{width:9px;height:11.7px;margin-right:2px;flex-shrink:0}.grouping-page .group-address-text{font-family:PingFang SC,-apple-system,BlinkMacSystemFont,sans-serif;font-size:11px;font-weight:400;line-height:12px;color:#999999;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.grouping-page .group-course-price-section{display:flex;align-items:flex-end;margin-bottom:24px}.grouping-page .group-price-symbol{font-size:14px;line-height:12px}.grouping-page .group-price-amount,.grouping-page .group-price-symbol{font-family:DIN Condensed,Arial,sans-serif;font-weight:700;color:#FF4D4F}.grouping-page .group-price-amount{font-size:21px;line-height:21px;margin-left:2px}.grouping-page .group-course-divider{height:0;border-top:.5px solid #e8e8e8;margin:0}.grouping-page .group-progress-title{font-family:PingFang SC,-apple-system,BlinkMacSystemFont,sans-serif;font-size:12px;font-weight:500;line-height:18px!important;color:#222222;margin-top:15px;margin-bottom:6px!important;padding:0;height:auto!important;min-height:18px!important}.grouping-page .group-course-bottom{margin-top:12px!important;margin-bottom:0;padding:0 0 12px;position:relative!important;height:auto!important;overflow:visible!important}.grouping-page .group-item{display:flex;align-items:center;justify-content:space-between;height:27px;margin-bottom:22.25px}.grouping-page .group-item:last-child{margin-bottom:0}.grouping-page .group-avatars{display:flex;align-items:center;flex-shrink:0}.grouping-page .group-avatar{width:20px!important;height:20px!important;min-width:20px!important;max-width:20px!important;min-height:20px!important;max-height:20px!important;border-radius:50%;border:1px solid #fff;margin-right:-5px;object-fit:cover;display:block}.grouping-page .group-avatar:last-child{margin-right:10px}.grouping-page .group-time-text{color:#666666;flex:1}.grouping-page .group-remain-text,.grouping-page .group-time-text{font-family:PingFang SC,-apple-system,BlinkMacSystemFont,sans-serif;font-size:12px;font-weight:400;line-height:20px;margin-right:10px}.grouping-page .group-remain-text{color:#31C38F;flex-shrink:0}.grouping-page .group-join-btn{width:65px!important;height:27px!important;line-height:27px!important;background-color:#31C38F!important;background-image:none!important;color:#FFFFFF!important;font-family:PingFang SC,-apple-system,BlinkMacSystemFont,sans-serif!important;font-size:12px!important;font-weight:600!important;border-radius:13.5px!important;padding:0!important;text-align:center!important;margin:0!important;min-width:unset!important;min-height:unset!important;flex-shrink:0;border:none!important;cursor:pointer!important;box-sizing:border-box!important}.grouping-page .group-join-btn:after{display:none!important}.grouping-page .loading-more{display:flex;justify-content:center;align-items:center;height:40px;font-family:PingFang SC,-apple-system,BlinkMacSystemFont,sans-serif;font-size:12px;color:#999}.grouping-page .loading-icon{width:20px;height:20px;margin-right:5px;border:1px solid #f5f5f5;border-top-color:#31c38f;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.grouping-page .no-more{text-align:center;padding:15px 0;font-family:PingFang SC,-apple-system,BlinkMacSystemFont,sans-serif;font-size:12px;color:#999}.grouping-page .empty-list{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:30px 0;color:#999}.grouping-page .empty-text{font-family:PingFang SC,-apple-system,BlinkMacSystemFont,sans-serif;font-size:15px;color:#999;text-align:center;margin-top:10px}