@charset "utf-8";

#roomList{padding:200px 0}
#roomList .wrap{display:flex;align-items:flex-start;justify-content:space-between}
#roomList .bg{height:915px;margin-top:100px;padding:100px 0;background:url('./img/bg.jpg') no-repeat;background-size:cover}
#roomList .bg .arrow{position:relative;z-index:20;top:-50%}
#roomList .bg .arrow span{position:absolute;width:50px;height:50px;cursor:pointer;transform:rotate(45deg)}
#roomList .bg .arrow .prev{right:80px;border-right:1px solid #fff;border-top:1px solid #fff}
#roomList .bg .arrow .next{left:80px;border-left:1px solid #fff;border-bottom:1px solid #fff}
#roomList .roomview{padding-top:50px}
#roomList ul li a{display:flex;flex-direction:column;justify-content:space-between;height:650px;padding:30px;background:#fff;transition:all .3s}
#roomList ul li dt{font-size:25px;font-weight:700}
#roomList ul li dd{font-weight:500}
#roomList ul li a:hover{transform:translateY(-30px)}
#roomList ul li .info{padding:10px 0 20px;border-top:1px solid #111}
#roomList ul li img{width:100%;height:300px;object-fit:cover}
#roomList ul li span:before{display:inline-block;content:'';width:1px;height:10px;margin:0 18px;border:1px solid #e1e1e1}