.hotelOption{}
.hotelOption li{ float:left; width:31%; width: calc((100% - 20px)/3); width: -moz-calc((100% - 20px)/3); width: -webkit-calc((100% - 20px)/3); margin:0 10px 10px 0;}
.hotelOption li:nth-child(3){margin-right:0;}
.hotelOption li a{position:relative; display:block; border:1px solid #eeeeee; height:48px; line-height:48px; border-radius:24px; -moz-border-radius:24px;  -webkit-border-radius:24px; text-align:center; background-color:#f5f5f5;}

/*热门酒店*/
.hot-hotel{ background-color:#FFFFFF; border:1px solid #ededed; padding:6px;}
.hot-hotel .mleft{ float:left; width:62px; padding:12px 20px 12px 20px; font-size:30px; color:#222222; background-color:#f9f9f9; line-height:1.2em;}
.hot-hotel .mright{float:right; width: calc(100% - 110px); width: -moz-calc(100% - 110px); width: -webkit-calc(100% - 110px);}
.hot-hotel .mright a{position:relative; display:block; float:left; height:32px; line-height:32px; overflow:hidden; border:1px solid #e6e6e6; text-align:left; padding:0 10px 0 10px; font-size:18px; color:#888888; margin:7px 0 6px 15px; 
	width:45%; width: calc((100% - 88px)/2); width: -moz-calc((100% - 88px)/2); width: -webkit-calc((100% - 88px)/2);   border-radius:16px; -moz-border-radius:16px;  -webkit-border-radius:16px;
}

/*酒店详情*/
.hotelDetail{ border:1px solid #eeeeee; background-color:#FFFFFF; border-radius:20px; -moz-border-radius:20px;  -webkit-border-radius:20px;}
.hotelDetail .mtitle{ background-color:#0099ff; color:#FFFFFF; padding:0 10px 0 10px; border-radius:20px 20px 0 0; -moz-border-radius:20px 20px 0 0;  -webkit-border-radius:20px 20px 0 0; padding:15px 0 15px 0; height:auto; line-height:30px;}
.hotelDetail .mtitle p{font-size:24px; text-align:center; color:#FFFFFF; font-weight:bold;}

.hotelContent{ padding:20px;}
.hotelOption2{}
.hotelOption2 li{ float:left; margin:16px 0 0 0; width:45%; width: calc((100% - 15px)/2); width: -moz-calc((100% - 15px)/2); width: -webkit-calc((100% - 15px)/2);}
.hotelOption2 li:nth-child(2n+2){ float:right;}

.option-a{ position:relative; display:block; padding:0 10px 0 10px; height:auto; line-height:34px; border:1px solid #dedede; text-align:center; border-radius:10px; -moz-border-radius:10px;  -webkit-border-radius:10px; color:#787878; background-color:#FFFFFF;}
.option-a span{color:#FD6229;}
.option-a2{background-color:#0099ff; color:#FFFFFF; border:1px solid #0099ff;}

.hotelContent .h-jianjie{ color:#777777; line-height:2em;}
.hotelContent .h-address{ color:#0099ff;}

.but-nav{ text-align:right; padding:6px;}
.but-nav a{ display:inline-block; height:24px; line-height:24px; padding:0 22px 0 22px; border-radius:12px; -moz-border-radius:12px;  -webkit-border-radius:12px; background-color:#0099ff; color:#FFFFFF; font-size:16px;}



@media screen and (max-width:920px){

	.hotelOption li{ float:left; width:31%; width: calc((100% - 10px)/3); width: -moz-calc((100% - 10px)/3); width: -webkit-calc((100% - 10px)/3); margin:0 5px 5px 0;}
	.hotelOption li:nth-child(3){margin-right:0;}
	.hotelOption li a{border:1px solid #eeeeee; padding:10px 0 15px 0; line-height:28px; border-radius:3px; -moz-border-radius:3px;  -webkit-border-radius:3px; text-align:center; background-color:#ffffff;}
	.hotelOption li a span{display:inline-block; width:100%;}
	
	.hotelOption2 li{margin:8px 0 0 0; width:45%; width: calc((100% - 6px)/2); width: -moz-calc((100% - 6px)/2); width: -webkit-calc((100% - 6px)/2);}

	.hot-hotel{
		-webkit-box-shadow: 0 0 8px #eeeeee;  
		-moz-box-shadow: 0 0 8px #eeeeee;
		box-shadow: 0 0 8px #eeeeee;
		border-collapse:separate !important;
	}
	
	.hotelContent{ padding:10px 10px 10px 10px;}
}
@media screen and (max-width:740px){
	.hot-hotel .mleft{ float:left; width:28px; padding:12px 10px 12px 10px; font-size:22px;}
	.hot-hotel .mright{float:right; width: calc(100% - 50px); width: -moz-calc(100% - 50px); width: -webkit-calc(100% - 50px);}
	.hot-hotel .mright a{width:92%; height:26px; line-height:26px; font-size:16px; margin:3px 0 2px 8px; }
	
}