html,body { position:relative; width:100%; height:100%; background:#f8f8f8; cursor:pointer;  }
body { margin: 0 auto; padding:0px;  font-size:12px; font-family: sans-serif;  }
body, #top, .head_bar, .bottom_bar, .fix_bottom_bar { max-width: 768px; } 		
		
* {padding:0; margin:0; }
li { list-style:none; }


.bb_maskbg { position: fixed; top:0; left:0; width:100%; height:100%; background-color:rgba( 246, 246, 246, 1.0 ); 
	opacity:1.0; filter:alpha(opacity=100); z-index:9996; 
} 

.hide_item { display: none; }
		
		
.total_icon{ margin: 0px 0px 0px 18px; padding: 1px 2px 0 1px; position: absolute; top:3px; left:20%;  z-index:9996;
	font-family:"arial",Serif; font-size:0.9rem; text-align:center;	height:15px; line-height:15px; color:#ff0000; background:#fff;
	-moz-border-radius: 3px;  -webkit-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; 
	border-right:1px #888 solid; border-bottom:1px #888 solid;  box-shadow:1px 1px 1px #aaa; 
}
		
		
/* *************************************** */
		
.bottom_bar { margin:0 auto; position: fixed; left:0px; right:0px; bottom:0px; height:50px; background-color:rgba( 246, 246, 246, 1.0 ); 
	border-top:1px solid #ccc; box-shadow: 0px -2px 3px #ddd;
	opacity:0.98; filter:alpha(opacity=98);  z-index:9990; cursor:pointer;
} 
		
.bottom_bar li { margin:0px; padding:0px; display: inline-block; width:19%; font-size:12px; text-align:center; border:0px solid #ddd; cursor:pointer; } 
.bottom_bar li img { width:30px; height:30px; }
.bottom_bar li p   { margin-top:-4px; height:18px; line-height:18px; }
.bottom_bar .active{ color:#086; } 
		
span.bottom_bar  { cursor:pointer;  }
		
		
.total_num { margin:0; padding: 1px 5px 0px 5px; z-index:9996; display:none;
	position: absolute; top:3px; left: 68%;  
	font-family:Courier; font-size:14px; color:#fff; background:#f00;
	text-align:center;	height:15px; line-height:15px;  

	-moz-border-radius: 3px;  -webkit-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; 
	border-right:1px #888 solid; border-bottom:1px #888 solid;  box-shadow:1px 1px 1px #aaa; 
}
			
		
/* ************************************ */
		
.fix_top_bar { position: fixed; _position:fixed; top: 0px; _top: expression(documentElement.scrollTop + "px"); } 

.fix_bottom_bar { margin: 0 auto;  position: fixed; _position:fixed; bottom:0px; left:0px; right:0px;  } 
		
.fix_top_bar, .fix_bottom_bar { z-index: 9990; } 		
		
/* ************************************* */
		
.hide_box { display:none; }
		
.maskbg, .wx_box { display:none; }		
.maskbg { position: fixed; width:100%;height:100%; background:#888; top:0; left:0; opacity:0.88; filter:alpha(opacity=88); z-index:9996; } 
		
		
.msg_box { position: fixed; padding-top:30px; width: 300px; height:160px; text-align:center; background:#eee; z-index:9999;
	font-size:18px; font-family: SimHei; cursor:pointer; overflow:hidden; 
	-moz-border-radius: 5px;  -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; 
	border-top:1px #eee solid; border-right:1px #888 solid; border-bottom: 1px #888 solid; border-left: 1px #eee solid;
	box-shadow: 1px 1px 1px #aaa;   
}
		
.msg_info { line-height:24px; display:block; }   
.msg_btn  { position:absolute; bottom:20px; display:block; width:70px; height:30px; line-height:30px; cursor:pointer; 
	font-size:16px; text-align:center; color:#fff; background:#f34946;
	-moz-border-radius: 5px;  -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; 
	border-right:1px #888 solid; border-bottom: 1px #888 solid; box-shadow: 1px 1px 1px #aaa;   
}  
		
.l_btn { left:50px; }
.r_btn {right:50px; }
.m_btn { left:36%;  }
.btn_hide { display:none; }
		
		
.loading_box { position: fixed; padding: 0px; width: 182px; height:182px; text-align:center; background:#eee; z-index:9998;
	font-size:18px; font-family: SimHei; cursor:pointer; overflow:hidden; 
	-moz-border-radius: 5px;  -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; 
	border-right:1px #888 solid; border-bottom: 1px #888 solid; box-shadow: 1px 2px 3px #aaa;   
}
		
		
/* ****************************************** */
	
.space_wrap { height:20px; }	
.bbs_wrap { margin:0; padding:0; width:100%; height:200px; background:#fff; }		
		
.rexiao_wrap { 
	margin:0; padding:0;
		
	display:flex; 
	flex-wrap: wrap;	
	justify-content: center; 
	align-content:center;
	align-items: center; 
	
}		

.rexiao_wrap li { 
	margin:10px 0 0 0px; padding:0;  height:139px; font-size:12px; line-height:16px;
	display: flex; flex-direction: column; flex-wrap: nowrap; 
		
/*	justify-content: center;  */
	align-content:center; align-items: center;
}

.rexiao_wrap li { height:130px; }
.rexiao_img img { width:108px; height:110px; 
	border-top: 1px #ddd solid; border-right: 1px #888 solid; border-bottom: 1px #888 solid; border-left: 0px #ddd solid;
	box-shadow: 1px 1px 1px #aaa; border-radius: 3px; 
} 

.rexiao_txt  { height:16px; line-height:16px; }