.room{display:inline-block;padding:15px;border-radius:6px;width:100%;box-sizing:border-box;background-size:contain;background-repeat:no-repeat;position:relative;color:#fff}.room .room-background{width:100%;height:100%;object-fit:cover}.room .room-background,.room .room-mask{position:absolute;left:0;top:0;border-radius:6px}.room .room-mask{right:0;bottom:0;background:#000;opacity:.2}.room .room-inline{position:relative;z-index:1}.room .room-info{font-size:12px;margin-top:10px}.room .room-status{margin-left:5px;color:#000;background-color:#ffe77c;display:inline-block;padding:1px 6px;border-radius:8px}.room .room-members{margin-top:10px;white-space:nowrap}.room .user-head{margin-right:8px}.mood-match{margin-bottom:30px}.mood-match .title{font-size:18px;font-weight:600;margin-bottom:10px}.mood-match .sex{margin-bottom:20px}.mood-match .select-mood-options{display:flex}.mood-match .select-mood-desc{font-size:14px;margin-bottom:15px}.mood-match .mood-happy{margin-right:20px;background:#f66}.mood-match .mood-happy,.mood-match .mood-sad{display:flex;align-items:center;justify-content:space-between;padding:8px;width:45%;max-width:200px;box-sizing:border-box;border-radius:30px;color:#fff;cursor:pointer}.mood-match .mood-sad{background:#66c}.mood-match .icon-moode{font-size:30px}.mood-match .mood-text{vertical-align:middle}.chat-bot{margin-bottom:30px}.chat-bot .title{font-size:18px;font-weight:600;margin-bottom:10px}.chat-bot .room{position:relative;width:100%;max-width:300px;height:150px;padding:15px}.chat-rooms .col-room{text-align:center}.chat-rooms .chat-rooms-item{margin:0 0 20px 0;text-align:left}.chat-rooms .title{font-size:18px;font-weight:600;margin-bottom:10px}