/*：此代码只作为演示用,不是源代码。源码地址唯一出处: http://www.bootstrapmb.com/item/100(这个备注仅在演示页面有，源代码里没有)*//* General styles for all menus */.cbp-spmenu {	background: #fff;	position: fixed;    -webkit-box-shadow: -1px 0 1px rgba(0, 0, 0, .05);    -moz-box-shadow: -1px 0 1px rgba(0, 0, 0, .05);    box-shadow: -1px 0 1px rgba(0, 0, 0, .05);}.cbp-spmenu h3 {	font-size: 18px;	padding: 20px;	margin: 0;	font-weight: 300;    height: 60px;    border-bottom: 1px solid #f1f1f1;}.cbp-spmenu h3 a {    padding: 0;}.cbp-spmenu h3 a:hover {    background: transparent;}.cbp-spmenu a {	display: block;	color: #5f5f5f;	font-size: 14px;    text-decoration: none;}.cbp-spmenu a:hover {	background: #f9f9f9;}.cbp-spmenu a img {    width: 40px;    margin-right: 10px;    border-radius: 50%;    float: left;}.cbp-spmenu a span small {    display: block;    opacity: 0.7;}/* Orientation-dependent styles for the content of the menu */.cbp-spmenu-vertical {	width: 240px;	height: 100%;	top: 0;	z-index: 9999999;}.cbp-spmenu-vertical a {	padding: 18px;}.cbp-spmenu-horizontal {	width: 100%;	height: 150px;	left: 0;	z-index: 1000;	overflow: hidden;}.cbp-spmenu-horizontal h3 {	height: 100%;	width: 20%;	float: left;}.cbp-spmenu-horizontal a {	float: left;	width: 20%;	padding: 0.8em;	border-left: 1px solid #258ecd;}/* Vertical menu that slides from the left or right */.cbp-spmenu-left {	left: -240px;}.cbp-spmenu-right {	right: -240px;}.cbp-spmenu-left.cbp-spmenu-open {	left: 0px;}.cbp-spmenu-right.cbp-spmenu-open {	right: 0px;}/* Horizontal menu that slides from the top or bottom */.cbp-spmenu-top {	top: -150px;}.cbp-spmenu-bottom {	bottom: -150px;}.cbp-spmenu-top.cbp-spmenu-open {	top: 0px;}.cbp-spmenu-bottom.cbp-spmenu-open {	bottom: 0px;}/* Push classes applied to the body */.cbp-spmenu-push {	overflow-x: hidden;	position: relative;	left: 0;}.cbp-spmenu-push-toright {	left: 240px;}.cbp-spmenu-push-toleft {	left: -240px;}/* Transitions */.cbp-spmenu,.cbp-spmenu-push {	-webkit-transition: all 0.3s ease;	-moz-transition: all 0.3s ease;	transition: all 0.3s ease;}/* Example media queries */@media screen and (max-width: 55.1875em){	.cbp-spmenu-horizontal {		font-size: 75%;		height: 110px;	}	.cbp-spmenu-top {		top: -110px;	}	.cbp-spmenu-bottom {		bottom: -110px;	}}@media screen and (max-height: 26.375em){	.cbp-spmenu-vertical {		font-size: 90%;		width: 190px;	}	.cbp-spmenu-left,	.cbp-spmenu-push-toleft {		left: -190px;	}	.cbp-spmenu-right {		right: -190px;	}	.cbp-spmenu-push-toright {		left: 190px;	}}/*：此代码只作为演示用,不是源代码。源码地址唯一出处: http://www.bootstrapmb.com/item/100(这个备注仅在演示页面有，源代码里没有)*/