.wrap{
	width:100% ;
	height: auto;
	min-width: 1024px;
	overflow-y: auto;
}

header{
	width: 100%;
	height: 195px;
	background:url(../../img/banner.png) center no-repeat;
}
.content{
	width:100%;
	height: auto;
	margin: 0 auto;
	background: #f1f1f1;
}
/*导航部分*/
.nav{
	width:100%;
	height:60px;
	background:#FFFFFF ;	
}
.nav ul{
	width:1024px;
	height: 60px;
	margin:0 auto;
}
.nav ul li{
	float: left;
	font-size: 18px;
	width:256px;
	text-align: center;
	height:60px;
	line-height:60px;	
	position: relative;
}
.nav ul li a{
	display: inline-block;
	color:#444;
	font-size:18px;
}
.paidui{
	padding-left:42px;
	background:url(../../img/paidui.png)left center no-repeat;
}
.chuangwei{
	padding-left:42px;
	background:url(../../img/chuangwei.png) left center no-repeat;
}
.chaxun{
	padding-left:42px;
	background:url(../../img/chaxun.png) left center no-repeat;
}
.chaxun1 img{
	display: none;
	padding: 15px;
}
.chaxun1 p{
	background-color:rgba(0,0,0,.25);
}
.chaxun1:hover{
	z-index: 999;
}
.chaxun1:hover img{
	display: inline-block;
	text-align: center;
}
.shenqing{
	padding-left:42px;
	background:url(../../img/shenqing.png) left center no-repeat;
}
.nav ul li.on {
	background: #3388ff;
}
.nav ul li.on a{
	font-size: 0;
}
.nav ul li.on .paidui{
	position:relative;
	top:-6px;
	width:256px;
	height:60px;	
	background:url(../../img/hov-paidui.png) center no-repeat;
}
.nav ul li.on .chuangwei{
	position:relative;
	top:-6px;
	width:256px;
	height:60px;	
	background:url(../../img/hov-chuangwei.png) center no-repeat;
}
.nav ul li.on .chaxun{
	position:relative;
	top:-6px;
	width:256px;
	height:60px;	
	background:url(../../img/hov-paidui.png) center no-repeat;
}
.nav ul li.on .shenqing{
	position:relative;
	top:-6px;
	width:256px;
	height:60px;	
	background:url(../../img/hov-chuangwei.png) center no-repeat;
}
.nav ul li.on:hover .paidui{
	position:relative;
	top:-6px;
	width:295px;
	height:60px;	
	background:url(../../img/hov-paidui.png) center no-repeat;
}
.nav ul li.on:hover .chuangwei{
	position:relative;
	top:-6px;
	width:297px;
	height:60px;	
	background:url(../../img/hov-chuangwei.png) center no-repeat;
}
.nav ul li:hover {
	background: #3388ff;
}
.nav ul li:hover a{
	color: #ffffff;
}
.nav ul li:hover .paidui{
	position:relative;
	left:-20px;
	width:256px;
	height:60px;	
	background:none;
}
.nav ul li:hover .chuangwei{
	position:relative;
	left:-20px;
	width:256px;
	height:60px;	
	background:none;
}
.nav ul li:hover .chaxun{
	position:relative;
	left:-20px;
	width:256px;
	height:50px;
	background:none;
}
.nav ul li:hover .shenqing{
	position:relative;
	left:-20px;
	width:256px;
	height:50px;
	background:none;
}
/*统计*/
.num{
	width: 1024px;
	height: auto;
	overflow: hidden;
	margin:15px auto;
}
.num ul li{
	float: left;
	width:320px;
	height: 160px;
	border-radius:10px ;
	background:#ffffff ;

}
.num ul li:nth-child(2){
	margin: 0 32px;
}
.num ul li span{
	display: block;
	font-size: 36px;
	font-weight: bold;
	color:#ff604d;
	text-align: center;
	line-height:90px;
}
.num ul li em{
	display: block;
	font-size:18px;
	line-height:36px;
	color: #333;
	text-align: center;
	background: url(../../img/num.png) 62px 3px no-repeat ;
}
/*表格*/
.table-conten{
	width: 1024px;
	height: auto;
	overflow: hidden;
	background: #FFFFFF;
	border-radius: 10px;
	margin: 0 auto;
}
table{	
	margin:18px 12px 0;
	width:1000px ;
	height: auto;
	overflow: hidden;
	border-top:1px solid rgba(235,235,235,1);
	border-left:1px solid rgba(235,235,235,1);
	border-bottom:1px solid rgba(235,235,235,1);
}
table tr.tr-h{
	height:52px;
	background:rgba(244,244,244,1);
}
table tr.tr-w{
	height:52px;
	background:#FFFFFF;
}
table tr th{	
	text-align: center;
	line-height: 52px;
	font-size: 16px;
	color:rgba(51,51,51,1);
}
table tr th.th-pd{
	width:76px ;
}
table tr th.th-jg{
	width:150px ;
}
table tr th.th-person{
	width:106px ;
}
table tr th.th-id{
	width:240px ;
}
table tr th.th-sexy{
	width:88px ;
}
table tr th.th-time{
	width:238px ;
}
table tr th.th-state{
	width:101px ;
}
table tr td{
	text-align: center;
	line-height: 52px;
	font-size: 16px;
	color:rgba(51,51,51,1);
	border-top: 1px solid rgba(235,235,235,1);
	border-right: 1px solid rgba(235,235,235,1);
}
table tr td.one{
	color: #ff604d;
}
table tr td.two{
	color: #fabc05;
}
table tr td.three{
	color: #3388ff;
}
table tr:hover{
	background: #e5eefb;
}
/*分页*/
.fenye{
	text-align: center;
	margin-top:26px;
	padding-bottom: 26px;
}
.fenye em{
	display: inline-block;
	font-size: 16px;
	color:#333;
}
.fenye a{
	display: inline-block;
	width:38px;
	height:38px;
	border:1px solid #ebebeb;
	border-radius: 5px;
	margin: 0 4px;
	line-height:38px ;
	font-size: 16px;
	color: #333;
	vertical-align: top;
}
.prev,.next{
	background:url(../../img/icon-jt.png) center center no-repeat;
	background-position-y:12px ;
}
.next{
	background-position-y:-22px ;
}
.fenye a.on{
	background:#3388ff;
	border:1px solid #3388ff;
	color: #ffffff;
}
select{
	width:110px ;
	height: 38px;
	border:1px solid #ebebeb;
	line-height: 38px;
	border-radius: 5px;
	font-size:16px ;
	color: #333;
	padding:0 8px ;
}
input{
	width:58px ;
	height: 38px;
	border:1px solid #ebebeb;
	line-height: 38px;
	border-radius: 5px;
	font-size:16px ;
	color: #333;
	padding:0 5px ;
}

/*床位展示*/
.bed-show{
	width:1024px;
	margin: 0 auto;	
}
.bed-show .hd{
	width: 170px;
	height: auto;
	overflow: hidden;
	background:#FFFFFF ;
	float: left;
	border-radius: 5px
}
/*.bed-show .hd .floor-b{
	margin:5px 0 ;
}
.bed-show .hd .floor-b li{
	font-size: 16px;
	line-height:54px;
	margin-top:10px ;
}
.bed-show .hd .floor-b li .floor{
	display: none;
}
.bed-show .hd .floor-b li:hover .floor{
	display:block;
}
.bed-show .hd .floor-b li a{
	display:block;
    width:100%;
    height:54px;
}
.bed-show .hd ul li a em{
    display: inline-block;
	font-size: 16px;
	color: #333;
	padding-left:60px;
	line-height:54px ;	
	background:url(../../img/floor-b.png) 20px 6px no-repeat ;
}
.bed-show .hd ul li a:hover{
    background:#3ad06a;
}
.bed-show .hd ul li a:hover em{
    color: #FFFFFF;
    background:url(../../img/floor.png) 20px 6px no-repeat ;
}
.floor li{
	height: 54px;
	line-height:54px ;
	text-align: center;
}
.floor li:hover{
    background: #f1f8f3;
}*/


























.bed-show .bd{
	width:830px;
	height: auto;
	overflow: hidden;
	position: relative;
	float:right;
}

/*床位展示*/
.inBox{
	width:830px;
	height: auto;
	overflow: hidden;
}
.inHd{
	width: 830px;
	height: auto;
	overflow: hidden;
	background: #FFFFFF;
	border-radius:5px;
	color: #666;
}
.current1{
	background:#ebeefb;
}
.current {
	color: #3388ff;

}
.inHd ul li{
	float: left;
	line-height: 54px;
	font-size:16px;
	padding:0 32px;
	cursor:pointer;
}

.inHd ul li.on{
	color: #3388ff;
}
.inBd{
	width:830px;
	height: auto;
	overflow: hidden;
	background: #FFFFFF;
	border-radius:5px ; 
	float: left;
	margin-top:10px;
	padding-bottom:16px ;
}
.inBd ul {
	margin:auto;
	position: relative;
}
.inBd ul li{
	width: 392px;
	height: auto;
	overflow: hidden;
	background:#f5f5f5;
	border-radius:5px;
	margin-top:16px; 
	margin-left:11px;
	float: left;
}
.room{
	width: 392px;
	height: auto;
	overflow: hidden;
	background:#f5f5f5;
	padding-bottom:16px ;
}
.room em{
	display: block;
	margin-top:18px ;
	height: 38px;
	line-height: 38px;
	color: #3388ff;
	font-size: 20px;
	font-weight: bold;
	text-align: center;
	background: url(../../img/room-bg.png)0 0 no-repeat;
	background-position-x:94px;
}
.room ul{
    width: 392px;
    height: auto;
	overflow: hidden;
}
.room ul .num-bed{
	width: 180px;
	height: 172px;
	background: #FFFFFF;
	border-radius:10px; 
	float: left;
	position: relative;
}
.num-bed span{
	font-size: 14px;
	display: block;
	color: #666;
	line-height:28px ;
	padding-left: 10px;
}
.num-bed strong{
	display: block;
	font-size: 16px;
	font-weight: bold;
	color: #cd2824;
	padding:12px 0 20px 10px
}
.num-bed i.ruzhu{
  position: absolute;
  width:71px ;
  height: 57px;
  top:0;
  right:0;
  background:url(../../img/ruzhu.png)  ;
}
.num-bed i.shizhu{
  position: absolute;
  width:71px ;
  height: 57px;
  top:0;
  right:0;
  background:url(../../img/shizhu.png)  ;
}
.num-bed i.kongxian{
  position: absolute;
  width:71px ;
  height: 57px;
  top:0;
  right:0;
  background:url(../../img/kongxian.png)  ;
}
.num-bed i.kong-bed{
  position: absolute;
  width:89px ;
  height:85px;
  top:68px;
  left:45px;
  background:url(../../img/kongchaung.png)  ;
}




/*下拉菜单*/
*, *:before, *:after {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
ul, menu, dir {
    display: block;
    list-style-type: disc;
    -webkit-margin-before:0;
    -webkit-margin-after:0;
    -webkit-margin-start: 0;
    -webkit-margin-end:0;
    -webkit-padding-start:0;
}
a {
	color: inherit;
	text-decoration: none;
}

h1, h2, h3 {
	margin: 0;
	font-weight: normal;
}
ul,li{
	list-style: none;
}

html, body {
	padding: 0;
	margin: 0;
	background: #eee;
}
.hd{
	width: 170px;
	height: auto;
	overflow: hidden;
	background: #FFFFFF;
}
.section {
	width:170px;
	margin: 7px auto;
	height:54px;
	overflow: hidden;
}
.title {	
	line-height: 54px;
	background-color:#3388ff;
	font-size: 16px;
	color: #fff;
	cursor: pointer;
	background-image:url(../../img/floor.png);
	background-repeat: no-repeat;
	background-position:10px 8px;
	padding-left:48px;
	position: relative;
	z-index: 10;
}
.title:before, .title:after {
	content:url(../../img/icon-xx.png);
	display: block;
	position: absolute;
	right: 20px;
	top: 16px;
    font-style: normal;
	height: 21px;
    line-height: 1;
	overflow: hidden;
	font-size: 20px;
	background: #3388ff;
	-webkit-transition: .35s;
	transition: .35s;
}
.title:before {
	z-index: 2;
}
.title:after {
	top:16px;
	-webkit-transform: rotate( 180deg );
	-ms-transform: rotate( 180deg );
	-moz-transform: rotate( 180deg );
	transform: rotate( 180deg );
}
.open .title:before {
	height: 0;
}
.body {
	background: #fff;
	line-height: 48px;
	color: #333;
	-moz-transform: translateY( -100% );
	-ms-transform: translateY( -100% );
	-webkit-transform: translateY( -100% );
	transform: translateY( -100% );
	overflow: hidden;
	-webkit-transition: .35s;
	transition: .35s;
}
.body li{
	font-size: 16px;
	color: #333;
	height: 54px;
	text-align: center;
	cursor:pointer;
}
.body li.on{
	background: #f1f8f3;
}
.section.open {
	height:auto;
	overflow: hidden;
}
.open .body {
	-webkit-transform: none;
	-ms-transform: none;
	-moz-transform: none;
	transform: none;
}