.room-list{background:#fff}.room-wrap{height:calc(100% - 65px);position:relative}.room-list .room-ul{padding:0;margin:0}.room-list .room-ul li{list-style:none;padding:0 0;border-bottom:1px solid #eaeaea;height:80px;position:relative;cursor:pointer}.room-list .room-ul li:hover{background:#f4f4f4}.room-list .room-ul .room-img{width:60px;height:60px;position:absolute;top:10px;left:15px}.room-list .room-ul .room-img img{width:60px;height:60px;border-radius:100%}.room-list .room-ul .room-title{position:absolute;left:90px;height:100%;line-height:80px;font-size:18px;width:calc(100% - 220px);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.room-list .room-ul .room-title .room-level{color:#004692;font-weight:700;margin-right:5px}.room-list .room-ul .room-count{position:absolute;right:0;height:100%;line-height:80px;font-size:20px;color:#575757;right:15px}.room-list .room-ul .room-count .room-icon{margin-right:10px;color:#007bff}.room-list .room-ul .room-count .icon-bule{color:#007bff}.room-list .room-ul .room-count .icon-red{color:red}@media (max-width:767px){.room-list .room-ul .room-img{left:8px}.room-list .room-ul .room-title{left:88px}.room-list .room-ul .room-count{right:8px}}