.room-wrap{min-height:800px}.banner{max-width:1920px;height:360px;margin:0 auto;background:url("../images/zzybj/banner.png") no-repeat center;background-size:1920px 360px}.room-list{width:1100px;margin:-160px auto 80px;align-items:center;justify-content:space-between;display:flex;flex-wrap:wrap}.room-list .room-item{display:inline-block;position:relative;width:320px;height:366px;margin-bottom:40px;border-radius:10px}.room-list .room-item:nth-child(3){margin-right:0}.room-list .room-item .bgpic{position:absolute;width:320px;height:366px;top:0}.room-list .room-item .logo{width:100px;height:100px;border-radius:50%;padding-top:20px;text-align:center;margin:0 auto}.room-list .room-item .logo img{width:100px;height:100px;border-radius:50%}.room-list .room-item .name{margin-top:90px;font-size:24px;font-weight:500;line-height:48px;text-align:center;color:#FFF}.room-list .room-item .name p{color:#fff}.room-list .room-item:hover .mask{display:block}.room-list .room-item .mask{display:none;position:absolute;top:0;left:0;right:0;bottom:0;background:url("../images/zzybj/mask-bg.png") no-repeat center bottom;background-size:320px 366px}.room-list .room-item .mask .top{position:relative;top:0;left:50%;width:152px;height:140px;border-radius:50%;transform:translateX(-50%)}.room-list .room-item .mask .info{position:absolute;top:25px;width:320px;height:346px;border-radius:8px;color:#fff;padding:0 30px}.room-list .room-item .mask .info h2{margin-top:80px;margin-bottom:20px;font-weight:500}.room-list .room-item .mask .info p{font-size:18px;line-height:27px;margin-bottom:20px}