.to-group-box { .group-user-list { .imgList { padding-top: 20px; .imgContainer { position: relative; width: 44px; height: 44px; border-radius: 50%; margin-right: 20px; .imgname { margin: 0; width: 44px; height: 44px; background-color: #DEDEDE; border-radius: 50%; .no-body { font-size: 28px; position: relative; left: 8px; } } .leaderFlag { position: absolute; background-color: #0099ff; border: 1px solid #fff; width: 30px; color: #fff; line-height: 18px; height: 18px; text-align: center; border-radius: 9px; top: -6px; span { font-size: 12px; transform: scale(0.9); } } } } } .v-list-item { margin-top: 5px; .content { border-bottom: 1px solid #e7eaf1; .cover { flex: inherit; width: 42.2%; img { width: 100%; } } } .info { width: 52.3%; position: relative; display: block; .title { font-size: 16px; color: $color_333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; height: 16px; line-height: 16px; } .contact { font-size: 14px; color: $color_666; margin-top: 14px; } .des { position: absolute; bottom: 0; .course-price { .price { color: $red; font-size: 12px; } .new { color: $red; font-size: 16px; } .old { color: $color_999; font-size: 12px; display: inline-block; margin-left: 15px; text-decoration: line-through; } } } } } .gorup-content { padding-top: 20px; text-align: center; .groupSuccessMbc { position: fixed; z-index: 999; background: rgba(0, 0, 0, 0.8); left: 0; top: 0; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; .content { width: 300px; height: 190px; background-color: #fff; padding: 16px; .imgList { padding-top: 20px; .imgContainer { position: relative; width: 44px; height: 44px; border-radius: 50%; margin-right: 20px; .imgname { margin: 0; } .leaderFlag { position: absolute; background-color: #0099ff; border: 1px solid #fff; width: 30px; color: #fff; line-height: 18px; height: 18px; text-align: center; border-radius: 9px; top: -6px; span { font-size: 12px; transform: scale(0.9); } } } } .group-btn { height: 30px; line-height: 30px; font-size: 14px; } } .tipContent { width: 270px; height: 44px; line-height: 44px; text-align: center; border: 1px dashed rgba(255, 255, 255, 1); border-radius: 3px; color: #fff; font-size: 14px; position: absolute; top: 100px; } .tipArrow { position: absolute; right: 15px; top: 38px; .iconyindao:before { font-size: 44px; color: #FFF; } } } .imgname { width: 44px; height: 44px; border-radius: 50%; margin: 20px 20px 0 20px; } :nth-child(1) { margin-left: 0; } .tip { color: $bg_E02E24; font-size: 16px; } .success { color: $active; font-size: 16px; } .group-btn, .tostudy { display: inline-block; width: 100%; height: 44px; border-radius: 5px; background-color: $bg_E02E24; font-size: 16px; color: $white; text-align: center; line-height: 44px; margin-top: 20px; margin-bottom: 10px; } .tostudy { background-color: $bg_active; margin-top: 30px; } .dec { font-size: 12px; margin-top: 10px; color: $color_666; } .group-dec { background-color: $bg_FAFAFA; width: 100%; padding: 0 12px; height: 30px; line-height: 30px; font-size: 12px; display: flex; justify-content: space-between; color: $color_999; margin-top: 15px; .allNum { color: $color_333; } } } .am-whitespace.am-whitespace-md { background-color: #f5f5f5; } .group-course { .top-title { height: 40px; line-height: 40px; font-size: 14px; padding: 0 12px; display: flex; justify-content: space-between; color: $color_333; .more { color: $active; i { width: 12px; height: 7px; } } } } }