.pin{
	position:fixed;
	z-index:50;
	width:100%;
	bottom:3%;
	height:20%;
	text-align:center;
}
.submenu li{
	width:80px;
}
.submenu .moveicon{
	top:-105px;margin-left:-49px;
	font-size:0;line-height:0;
	text-align:center;
	background-image:url('../images/infoIcon_text.png');
	background-position:center 22px;
	background-repeat:no-repeat;
}
.room_info{
	position:absolute;
	bottom:0%;
	z-index:110;
	width:100%;
	border-left:10px solid #fff;
	border-right:10px solid #fff;
	max-height:670px;
	height:100%;
	text-align:center;
	display:none;
}
.btn_area{
	width:100%;
	height:101px;margin-top:-101px;
	background-image:url("../images/room/bg_top.png");
	background-repeat:no-repeat;
	background-position:center bottom;
	text-align:center;
}
.btn_area ul{
	display:inline-block;
}
.btn_area li{
	float:left;
	margin:8px;
}
.info_area{
	width:100%;height:100%;
	background-image:url("../images/room/bg_bottom.jpg");
	background-repeat:no-repeat;
	background-position:center top;
	overflow:auto;
}
.room_subject{
	width:1250px;
	height:100%;
	display:inline-block;
}
.room_subject .room_title{
	float:left;
	margin-top:50px;
}
.room_subject .db_text{
	float:right;
	width:1000px;
	height:100%;
}
#infoOpen{
	cursor:pointer;
	 animation: keyMove 5s linear 0s infinite normal forwards;
}
@keyframes keyMove { 
	00.00%{transform: rotate(0deg)}  
	18.18%{transform: rotate(40deg)}  
	54.55%{transform: rotate(-40deg)}  
	80.73%{transform: rotate(360deg)}  
	100.00%{transform: rotate(360deg)}  
}
#moveDot{
	cursor:pointer
}