.group-container[data-v-4e1bf2df]{width:calc(100% - 40px);background:#fff;padding:20px;min-height:70vh}.group-container .top[data-v-4e1bf2df]{display:flex;justify-content:space-between;align-items:center;width:100%}.group-container .top .title[data-v-4e1bf2df]{color:#333;font-size:20px;font-weight:700}.group-container .top .btn-quit[data-v-4e1bf2df]{background:#f76c6c;color:#fff;border-radius:14px}.group-container .non-class-group[data-v-4e1bf2df]{width:100%;height:300px;display:flex;justify-content:center;align-items:center;color:#999}.group-container .group-con[data-v-4e1bf2df]{display:flex;width:100%;justify-content:space-between;flex-wrap:wrap}.group-container .non-group[data-v-4e1bf2df]{width:calc(100% - 40px);padding:20px;border:1px solid #ddd;margin-top:30px;color:#333}.group-container .non-group .group-top[data-v-4e1bf2df]{display:flex;align-items:center}.group-container .item-con[data-v-4e1bf2df]{display:flex;flex-wrap:wrap;margin-left:-20px}.group-container .item-con .item[data-v-4e1bf2df]{width:75px;height:85px;display:flex;flex-direction:column;justify-content:space-between;align-items:center;font-size:16px;margin-top:20px;margin-left:10px;position:relative}.group-container .item-con .item .img-con[data-v-4e1bf2df]{width:60px;height:60px}.group-container .item-con .item .img-con img[data-v-4e1bf2df]{width:100%;height:100%;border-radius:50px}.group-container .item-con .item .item-sign[data-v-4e1bf2df]{position:absolute;width:20px;height:20px;background:#43b498;color:#fff;border-radius:50%;left:95%;margin-left:-19px;display:flex;font-size:12px;justify-content:center;align-items:center}.num[data-v-4e1bf2df]{color:#43b498;padding:0 5px;display:inline-block;text-align:center}.btn-radius[data-v-4e1bf2df]{width:60px;height:30px;border-radius:40px;font-size:12px}[data-v-4e1bf2df] .el-dialog__title{font-size:14px}.non-con[data-v-4e1bf2df]{width:100%;text-align:center;color:#999;min-height:400px;padding-top:30px;display:flex;justify-content:space-evenly;align-items:center;flex-direction:column}