.g-empty[data-v-60bd407a]{text-align:center;font-size:14px;transform:translateY(50%)}.g-empty img[data-v-60bd407a]{width:160px;height:160px}.g-empty p[data-v-60bd407a]{color:#bebebe}.g-room-list[data-v-3bcd3d4e]{width:100%;height:100%;overflow:hidden scroll}.g-room-list.empty[data-v-3bcd3d4e]{height:100vh;overflow:hidden}.g-room-list .card-list[data-v-3bcd3d4e]{width:100%;max-width:100vw;display:flex;flex-wrap:wrap;justify-content:flex-start;overflow:hidden}.g-room-list .card-item[data-v-3bcd3d4e]{width:160px;margin:0 2% 10px;height:auto;border-radius:8px;background:#fff;margin-bottom:10px;min-height:160px;overflow:hidden;max-width:46vw}.g-room-list .card-item .card-image[data-v-3bcd3d4e]{width:100%;max-height:100px;min-height:100px;border-radius:8px 8px 0 0;background:#d3d3d3;overflow:hidden}.g-room-list .card-item .card-skeleton[data-v-3bcd3d4e]{padding:8px 12px}.g-room-list .card-item .card-info[data-v-3bcd3d4e]{width:100%;padding:4px 12px}.g-room-list .card-item .card-info li[data-v-3bcd3d4e]{color:rgba(0,0,0,.5019607843137255);font-size:14px;margin-bottom:6px;overflow:hidden}.g-room-list .card-item .card-info .card-name[data-v-3bcd3d4e]{color:#000;font-size:16px;height:42px}.g-room-list .card-item .card-info .card-tag[data-v-3bcd3d4e]{font-size:13px;text-overflow:ellipsis;white-space:nowrap;position:relative;padding-right:15px}.g-room-list .card-item .card-info .card-tag .card-star[data-v-3bcd3d4e]{position:absolute;right:0;top:50%;transform:translateY(-50%)}.page-index[data-v-0b3d297e]{font-size:14px;width:100%;height:100%;background:#f6f7f9;display:grid;overflow:hidden}.page-index .header[data-v-0b3d297e]{width:100%}.page-index .header .control-bar[data-v-0b3d297e]{display:flex;justify-content:space-between;align-items:center;padding:12px;background:#fff;margin-bottom:8px;color:#5147e7}.page-index .header .control-bar .curent-online[data-v-0b3d297e]{color:#f69244}.page-index .header .control-bar .other-part[data-v-0b3d297e]{display:flex;justify-content:center}.page-index .header .control-bar .other-part[data-v-0b3d297e] :not(:last-child){margin-right:20px}.page-index .header .select-bar[data-v-0b3d297e]{padding:12px 12px 0 12px;height:54px;background:#fff;display:flex;justify-content:flex-start;align-items:center;position:relative;width:100%}.page-index .header .select-bar .select-wrap[data-v-0b3d297e]{text-align:center}.page-index .header .select-bar .select-wrap+.select-wrap[data-v-0b3d297e]{margin-left:12px}.page-index .header .select-bar .select-wrap .select-btn[data-v-0b3d297e]{padding:5px 14px;margin-bottom:12px;background:#f5f5f5;border-radius:15px;display:flex;align-items:center}.page-index .header .select-bar .select-wrap .select-btn .select-tri[data-v-0b3d297e]{width:0;height:0;border:4px solid;border-color:#000 transparent transparent transparent;margin-left:9px;margin-top:4px}.page-index .header .select-bar .select-wrap .select-region[data-v-0b3d297e]{background:rgba(0,0,0,.5);height:100vh;position:absolute;display:none;top:100%;z-index:100;left:0;right:0}.page-index .header .select-bar .select-wrap .select-region .select-group[data-v-0b3d297e]{border-radius:3px;overflow:hidden;background:#f5f5f5;border-radius:0 0 16px 16px}.page-index .header .select-bar .select-wrap .select-region .select-group .select-content[data-v-0b3d297e]{display:flex;flex-wrap:wrap;padding:4px 4px 4px 12px}.page-index .header .select-bar .select-wrap .select-region .select-group .select-content .select-option[data-v-0b3d297e]{text-align:left;width:50%;padding:8px 0}.page-index .header .select-bar .select-wrap .select-region .select-group .select-content .select-option+.select-option[data-v-0b3d297e]{padding:8px 0}.page-index .header .select-bar .select-wrap .select-region .select-group .select-content .selected-option[data-v-0b3d297e]{color:#5147e7}.page-index .header .select-bar .select-wrap .select-region .select-group .common-btn[data-v-0b3d297e]{padding:0 12px 17px 12px;display:flex}.page-index .header .select-bar .select-wrap .select-region .select-group .common-btn .reset[data-v-0b3d297e]{width:50%;background:#f9f9f9;border-radius:19px;border:1px solid #ccc;padding:9px 0}.page-index .header .select-bar .select-wrap .select-region .select-group .common-btn .confirm[data-v-0b3d297e]{background:#5147e7;color:#fff;margin-left:9px}.page-index .header .select-bar .select-wrap.active .select-btn[data-v-0b3d297e]{padding:5px 14px;padding:5px 14px 17px 14px;background:#f5f5f5;border-radius:15px 15px 0 0;margin-bottom:0;display:flex;align-items:center}.page-index .header .select-bar .select-wrap.active .select-region[data-v-0b3d297e]{display:block}.page-index .header .select-bar .select-wrap.active .select-tri[data-v-0b3d297e]{width:0;height:0;border:4px solid;border-color:transparent transparent #000 transparent;margin-left:9px;margin-top:-4px}.page-index .main[data-v-0b3d297e]{padding:10px;width:100%;overflow:hidden}