.room-list{background:#fff}.room-wrap{height:calc(100% - 65px);position:relative}.room-page-title{padding:15px 42px}.room-list-box{display:grid;grid-gap:15px;grid-row-gap:25px;grid-template-columns:repeat(5,1fr);padding:25px 42px}.room-list-box .room-list-item{aspect-ratio:22/9;display:flex;border:1px solid #e2e2e2;border-radius:5px}.room-list-box .room-list-item .room-item-left{flex:0.8;height:100%;padding:10px}.room-list-box .room-list-item .room-item-left .image-box{height:100%;width:100%;overflow:hidden;display:flex;align-items:center}.room-list-box .room-list-item .room-item-left img{width:100%}.room-list-box .room-list-item .room-item-left img.fit{height:100%;-o-object-fit:cover;object-fit:cover}.room-item-body{flex:1.5;height:100%;display:flex;flex-direction:column;justify-content:space-between;padding:15px 0 15px 5px}.room-item-body .room-item-title{font-size:16px;font-weight:700}.room-item-body .room-item-bottom{font-size:14px}.room-item-body .room-level{font-weight:700}.room-item-right{flex:0.3;height:100%;padding:0 0;padding:8px}.room-item-right button{background:#000;color:#fff;height:100%;border-radius:5px;margin:0;width:100%;border:0;font-size:13px}@media (max-width:1600px){.room-item-right,.room-list-box .room-list-item .room-item-left{padding:5px}.room-page-title{padding:15px 25px}.room-list-box{grid-template-columns:repeat(4,1fr);padding:25px 25px}}@media (max-width:1280px){.room-list-box{grid-template-columns:repeat(3,1fr)}}@media (max-width:991px){.room-list-box{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.room-list-box{padding:25px 0;grid-row-gap:15px}}@media (max-width:580px){.room-list-box{grid-template-columns:repeat(1,1fr)}}