#sidebar{
	background:#fff;
	position:fixed;
	width:100%;
	overflow: hidden;
	top:-300px;
	right:0;
	left: 0;
	z-index:9999;
	transition:top 0.5s;
	min-width: 320px;max-width: 640px;
	margin: 0 auto;
	
}

.mask{ 
	position:fixed; 
	top: 0;
	bottom:0; 
	left:0; 
	right:0; 
	background:rgba(33, 31, 31, 0.69);
	z-index:8888;
	display:none;
}
.back-to-top{
	position:fixed;
	bottom:30px;
	right:30px;
	border:1px solid #888;
}



.clearfix:after{content:"\20";display:block;height:0;clear:both;visibility:hidden}.clearfix{zoom:1}
.tabBar {border-bottom: 2px solid #222}
.tabBar span {background-color: #e8e8e8;cursor: pointer;display: inline-block;float: left;font-weight: bold;height: 30px;line-height: 30px;padding: 0 15px}
.tabBar span.current{background-color: #222;color: #fff}
.tabCon {display: none}



.sidebar ul{
	min-width: 320px;max-width: 640px;
	margin: 0 auto;
	width: 100%;
	list-style:none;
	padding:0;
	margin:0;
	overflow: hidden;
	padding-bottom: 0.25rem;
}
.sidebar ul li{ padding:0.15rem 0.25rem;text-align: center; background: #7E8EC8;  float: left; margin:0.2rem 0rem 0.15rem 0.53rem;border-radius: 0.05rem; font-size: 0.24rem;}
.sidebar ul li a{color: #fff;}
.sidebar ul li a;hover{color: orange;}