.accommodations .han-page{width:900px}.accommodations .page1{height:340px;padding-top:29px}.accommodations .page1 h1{font-family:Verdana;font-size:20px;font-weight:700}.accommodations .page1 strong{font-size:14px}.accommodations .page1 .btn{background:#ffab3a;height:30px;width:185px;border-radius:15px;color:#fff;line-height:28px}.accommodations .page1 .btn:hover{background:#cb7f19}.accommodations .page2{height:613px}.accommodations .page2 .hotelKeysBox{width:250px;height:30px;border:1px solid #bfbfbf;border-radius:15px}.accommodations .page2 .hotelKeysBox span{position:relative;float:left;width:50%;display:inline-block;text-align:center;top:50%;transform:translateY(-50%);cursor:pointer;font-size:14px;font-family:Verdana}.accommodations .page2 .hotelKeysBox span:nth-of-type(1){border-right:1px solid #bfbfbf}.accommodations .page2 .hotelKeysBox span.active{color:#11a84e}.accommodations .page2 .hotelImageBox{height:444px;padding:22px;border:1px solid #bfbfbf}.accommodations .page2 .hotelImageBox .familyImage{display:none}.accommodations .page2 .hotelImageBox .familyImage.active{display:block}.accommodations .page2 .hotelImageBox .hotelImage{display:none}.accommodations .page2 .hotelImageBox .hotelImage.active{display:block}.accommodations .page2 .hotelImageBox .bigImageBox{float:left;width:646px;height:400px;overflow:hidden;position:relative}.accommodations .page2 .hotelImageBox .smallImageBox{float:left;width:193px;height:400px;margin-left:15px;position:relative}.accommodations .page3,.accommodations .page4,.accommodations .page5{border:1px solid #bfbfbf;padding:30px}.accommodations .page3 >div:nth-of-type(1),.accommodations .page4 >div:nth-of-type(1),.accommodations .page5 >div:nth-of-type(1){position:relative;padding-left:135px}.accommodations .page3 >div:nth-of-type(1) h3,.accommodations .page4 >div:nth-of-type(1) h3,.accommodations .page5 >div:nth-of-type(1) h3{position:absolute;left:0;margin:0;width:100px;text-align:center;font-size:18px;top:50%;text-transform:uppercase;transform:translateY(-50%)}.accommodations .page3 >div:nth-of-type(1) div,.accommodations .page4 >div:nth-of-type(1) div,.accommodations .page5 >div:nth-of-type(1) div{border-left:1px solid #bfbfbf;padding-left:35px}.accommodations .page4{height:340px}.accommodations .page4 .swiperBox ul{float:left;position:relative}.accommodations .page4 .swiperBox ul.itemBox{width:50%;height:216px}.accommodations .page4 .swiperBox ul.itemBox li{width:100%;position:absolute;height:100%;left:0;top:0;display:block;opacity:0;transition:500ms}.accommodations .page4 .swiperBox ul.itemBox li.active{opacity:1}.accommodations .page4 .swiperBox ul.itemBox li.prev,.accommodations .page4 .swiperBox ul.itemBox li.next{position:absolute;width:30px;height:30px;background:rgba(0,0,0,.5);text-align:center;line-height:30px;color:#fff;font-size:14px;bottom:0;top:auto;z-index:20;cursor:pointer;opacity:1}.accommodations .page4 .swiperBox ul.itemBox li.next{right:0;left:auto}.accommodations .page4 .swiperBox ul.itemBox li.prev{right:40px;left:auto}.accommodations .page4 .swiperBox ul.tabBox{width:50%;padding-left:25px}.accommodations .page4 .swiperBox ul.tabBox li{padding:12px 30px;border-top:1px solid #bfbfbf;position:relative;cursor:pointer;color:#9a9a9a}.accommodations .page4 .swiperBox ul.tabBox li:hover,.accommodations .page4 .swiperBox ul.tabBox li.active{color:#6e6e6e}.accommodations .page4 .swiperBox ul.tabBox li:nth-last-of-type(1){border-bottom:1px solid #bfbfbf}.accommodations .page6{height:250px;margin-top:60px}.accommodations .page7{height:420px}