/*temp fast*/
body,html{
	width:100%;
	height:100%;
}
#panorama {
        width:100%;
        height: 100%;
    }




@media screen and (min-width: 1024px) {
	#menu {position: absolute;left:-20px; bottom:50px;width:240px;background: rgba(255,255,255,0.9);border-radius: 10px;z-index: 99999;}
	#menu li{cursor: pointer;line-height: 3;margin-left: 40px;margin-right:10px;border-bottom: 1px solid rgba(0,0,0,.1);font-size: 15px;letter-spacing: 1px;}
	#menu li span{width:100%;line-height: 3;font-size: 12px;letter-spacing: 1px;background: #007c7c;padding:5px 5px;margin-right: 10px;color: #FFF;font-weight: 100;letter-spacing: 2px;border-radius: 3px;}


	#menu .hideSwitch{width:100%;float:right;text-align: right;margin-right: 15px;display: block;height: 70px;line-height: 70px;color: #007c7c;font-size: 14px;cursor: pointer;}
	#menu .hideSwitch i{margin-left:5px;}

	#menu .hideTip{display: block;width:100%;float:right;text-align: right;margin-right: 15px;display: block;height: 40px;line-height: 40px;color: #999;font-size: 14px;cursor: pointer;}
	#menu .hideTip i{margin-left:5px;}

	#menu .hideList{display: none;width:50px;position: absolute;left:240px;top:300px;background: rgba(255,255,255,.9);height:50px;line-height: 50px;text-align: center;color: #007c7c;}

}

@media screen and (min-width: 640px) and (max-width: 1023px) {
   	#menu {position: absolute;left:-20px; bottom:10px;width:190px;background: rgba(255,255,255,0.9);border-radius: 10px;z-index: 99999;}
	#menu li{cursor: pointer;line-height: 2.6;margin-left: 25px;margin-right:10px;border-bottom: 1px solid rgba(0,0,0,.1);font-size: 15px;letter-spacing: 1px;}
	#menu li span{width:100%;line-height: 2.6;font-size: 12px;letter-spacing: 1px;background: #007c7c;padding:5px 5px;margin-right: 10px;color: #FFF;font-weight: 100;letter-spacing: 2px;border-radius: 3px;}


	#menu .hideSwitch{width:100%;float:right;text-align: right;margin-right: 15px;display: block;height: 30px;line-height: 30px;color: #007c7c;font-size: 14px;cursor: pointer;}
	#menu .hideSwitch i{margin-left:5px;}

	#menu .hideTip{display: block;width:100%;float:right;text-align: right;margin-right: 15px;display: block;height: 30px;line-height: 30px;color: #999;font-size: 14px;cursor: pointer;}
	#menu .hideTip i{margin-left:5px;}

	#menu .hideList{display: none;width:50px;position: absolute;left:240px;top:300px;background: rgba(255,255,255,.9);height:50px;line-height: 50px;text-align: center;color: #007c7c;}

}

@media screen and (min-width: 640px) and (max-height: 500px) {
   	#menu {position: absolute;left:-20px; bottom:50px;width:190px;background: rgba(255,255,255,0.9);border-radius: 10px;z-index: 99999;}
	#menu li{cursor: pointer;line-height: 2;margin-left: 25px;margin-right:10px;border-bottom: 1px solid rgba(0,0,0,.1);font-size: 15px;letter-spacing: 1px;}
	#menu li span{width:100%;line-height: 2;font-size: 12px;letter-spacing: 1px;background: #007c7c;padding:5px 5px;margin-right: 10px;color: #FFF;font-weight: 100;letter-spacing: 2px;border-radius: 3px;}


	#menu .hideSwitch{width:100%;float:right;text-align: right;margin-right: 15px;display: block;height: 30px;line-height: 30px;color: #007c7c;font-size: 14px;cursor: pointer;}
	#menu .hideSwitch i{margin-left:5px;}

	#menu .hideTip{display: none;}

	#menu .hideList{display: none;width:50px;position: absolute;left:240px;top:100px;background: rgba(255,255,255,.9);height:50px;line-height: 50px;text-align: center;color: #007c7c;}

}

@media screen and (min-width: 321px) and (max-width: 639px) {
   	#menu {position: absolute;left:-20px; bottom:10px;width:190px;background: rgba(255,255,255,0.9);border-radius: 10px;z-index: 99999;}
	#menu li{cursor: pointer;line-height: 2.6;margin-left: 25px;margin-right:10px;border-bottom: 1px solid rgba(0,0,0,.1);font-size: 15px;letter-spacing: 1px;}
	#menu li span{width:100%;line-height: 2.6;font-size: 12px;letter-spacing: 1px;background: #007c7c;padding:5px 5px;margin-right: 10px;color: #FFF;font-weight: 100;letter-spacing: 2px;border-radius: 3px;}


	#menu .hideSwitch{width:100%;float:right;text-align: right;margin-right: 15px;display: block;height: 30px;line-height: 30px;color: #007c7c;font-size: 14px;cursor: pointer;}
	#menu .hideSwitch i{margin-left:5px;}

	#menu .hideTip{display: block;width:100%;float:right;text-align: right;margin-right: 15px;display: block;height: 30px;line-height: 30px;color: #999;font-size: 14px;cursor: pointer;}
	#menu .hideTip i{margin-left:5px;}

	#menu .hideList{display: none;width:50px;position: absolute;left:240px;top:100px;background: rgba(255,255,255,.9);height:50px;line-height: 50px;text-align: center;color: #007c7c;}

}

@media screen and (max-width: 320px) {
	#menu {position: absolute;left:-20px; bottom:10px;width:190px;background: rgba(255,255,255,0.9);border-radius: 10px;z-index: 99999;}
	#menu li{cursor: pointer;line-height: 2.6;margin-left: 25px;margin-right:10px;border-bottom: 1px solid rgba(0,0,0,.1);font-size: 13px;letter-spacing: 1px;}
	#menu li span{width:100%;line-height: 2.6;font-size: 12px;letter-spacing: 1px;background: #007c7c;padding:5px 5px;margin-right: 10px;color: #FFF;font-weight: 100;letter-spacing: 2px;border-radius: 3px;}


	#menu .hideSwitch{width:100%;float:right;text-align: right;margin-right: 15px;display: block;height: 30px;line-height: 30px;color: #007c7c;font-size: 12px;cursor: pointer;}
	#menu .hideSwitch i{margin-left:5px;}

	#menu .hideTip{display: block;width:100%;float:right;text-align: right;margin-right: 15px;display: block;height: 30px;line-height: 30px;color: #999;font-size: 12px;cursor: pointer;}
	#menu .hideTip i{margin-left:5px;}

	#menu .hideList{display: none;width:50px;position: absolute;left:240px;bottom:10px;background: rgba(255,255,255,.9);height:50px;line-height: 50px;text-align: center;color: #007c7c;}

}